Vous apprendrez quelle devrait être la structure minimale du document HTML. En détail et avec des exemples, nous analyserons chaque article dont vous avez besoin. Parlons également de la manière de créer des fichiers et des pages de sites.

Structure de document HTML

Analysons la structure du document HTML pour comprendre comment tout fonctionne. Vous apprendrez quel cadre être présent sur la page à considérer valide ( droite).

Pour créer une page Web, il doit y avoir un ensemble minimum de balises. Ils sont situés dans l'exemple ci-dessous.

Comment créer un site Web sur Internet

Le navigateur lui-même interprète toutes ces balises et les affiche en un pour l'utilisateur la forme d'informations. Vous avez vous-même remarqué que lorsque vous allez sur le site, ces articles ne sont pas affichés à l'écran. Vous ne voyez que une belle emballeuse que le navigateur s'affiche.

Visuel un exemple de HTML pages

Tag DOCTYPE.

La balise Doctype va toujours au tout début d'une page Web. Il est nécessaire de spécifier le type de document. Et aussi, en plus de ce navigateur comprenne quelle version de HTML est utilisée.

DANS dernière version 5 Il a ce genre:

Tag HTML

C'est un conteneur contenant tout le contenu de la page Web. Les éléments d'ouverture et de fermeture du document ne sont pas nécessaires. Cependant, bon style nécessite leur utilisation.

En règle générale, l'étiquette d'ouverture de HTML est la seconde après avoir déterminé le document à l'aide de DOCTYPE. La fermeture va toujours sur la dernière page.

Cette balise informe le navigateur, où commence notre document HTML et où il se termine. Par conséquent, tous les autres éléments ( outre Doctype) Doit être intégré à l'intérieur de ce conteneur.

Étiquette de tête

L'étiquette de tête est conçue pour stocker d'autres éléments dont le but d'aider le navigateur lorsque vous travaillez avec des données. De plus, à l'intérieur du conteneur sont des balises méta qui sont utilisées pour stocker des informations. Il est conçu pour les navigateurs et moteurs de recherche.

La teneur en tête n'est pas affichée directement sur une page Web, à part la balise de titre. Il est responsable du titre de la page.

En général, dans cet élément est stocké tous informations techniques À propos de la page. Par exemple, le type de page de codage HTML. Il dira au navigateur, comment il vaut mieux décoder le document. Aussi ici, nous pouvons et divers scripts.

Titre de tag

La tête a un composant obligatoire. Ceci est la balise de titre. Il est responsable de la façon dont le titre de la page HTML ressemblera. Ce que vous avez envoyé ici sera affiché dans l'onglet Navigateur.

Repenser à cela sérieusement!

DANS cet élément Je recommande d'utiliser le nom de pas plus de 60 caractères avec des espaces. Il est nécessaire que cela ne soit pas coupé dans résultats de recherche. Et assurez-vous d'adapter les mots significatifs ici. C'est-à-dire que nous écrivons spécifiquement, quelle sera la page.

<a href="https://crabo.ru/fr/useful-programs/professionalnye-programmy-dlya-sozdaniya-animacii-besplatnye-programmy.html">Création professionnelle</a> Site Web sur Internet avec des exemples

Bien sûr, il est nécessaire d'insérer des mots-clés et de rendre votre nom plus attrayant. Sinon, vous venez de risquer de perdre du trafic à partir de la recherche.

Tag méta.

Un autre élément est la balise méta. Ce n'est pas une paire et une valeur spéciale ne représente pas. Cependant, les éléments les plus importants sont ses attributs.

Ainsi, en utilisant des paramètres et des attributs, la balise peut stocker une information important À propos de votre page.

Écrivons le paramètre Charset à l'élément et j'indique le codage préféré du document.

Création de site Web professionnelle sur Internet avec des exemples

Veuillez noter comment le paramètre est spécifié. Insérez-le à l'intérieur de la balise et avant le support de fermeture droite. Ensuite, nous mettons le signe de manière égale et entre guillemets indiquons le codage du document.

Assurez-vous de le spécifier dans vos documents. Sinon, les hiéroglyphes laid apparaîtront sur votre site au lieu du texte ( krakoyabry).

Tag Corps.

Bully ci-dessous est l'étiquette du corps. C'est le corps principal du document. À l'intérieur, il s'agit du contenu visible pour l'utilisateur. Il peut être du texte, des images, des liens, une vidéo et ainsi de suite.

Veuillez noter que le corps passe toujours sous l'étiquette de tête. C'est-à-dire qu'il existe d'abord des informations techniques sur la page et uniquement le contenu principal de l'utilisateur. Mais rien au contraire!

Corps intérieur, la balise H1 doit être présente. C'est le titre de matériel. C'est-à-dire comment votre article sera appelé. Je recommande de ne pas faire plus de 55 caractères avec des espaces.

Syntaxe HTML

Il convient de mentionner la syntaxe HTML. Essayez immédiatement de placer des balises sous une forme aussi pratique comme exemple ci-dessus. Bien sûr, vous pouvez les organiser dans l'ordre chaotique.

Création de site Web professionnelle sur Internet avec des exemples

Voici le contenu d'un document qui peut être vu par tous les utilisateurs.

Le navigateur sera toujours.

Il affichera la page correctement. Mais vous serez très mal à l'aise de modifier code HTML pages. Par conséquent, je recommande de ne pas sculpter et de faire soigneusement.

Les étiquettes séparées placent toujours dans différentes lignes. Observer règle de ness. Toutes les balises attachées font un tiret à un onglet de l'élément parent.

Nom du document

Matériel de titre

Texte principal

C'est-à-dire que l'étiquette de tête doit être tirée à un onglet par rapport à la balise HTML. Le corps passe au niveau avec la tête car elle est également attachée au conteneur HTML.

En général, pour rapide et travail pratique Avec le code source, assurez-vous de respecter l'indentation au niveau des éléments de nidification.

Exception seulement peut être la tête et le corps. Ils ne sont utilisés qu'une seule fois sur la page. Par conséquent, de manière à ne pas laisser de loin à droite avec une grande nidification, ces éléments peuvent être fabriqués sans retrait.

Nom du document

Texte principal

Avec une grande nidification, cette méthode aidera à économiser de l'espace et non perdue dans la structure HTML.

Comme vous le savez, les balises peuvent être placées les unes dans les autres. Par exemple, le texte et la photo sont dans étiquettes différentes. Cependant, il a en même temps un élément parent commun.

Si la balise s'ouvre, elle doit être fermée. S'il est vide et sans une partie de casse, il est impossible d'investir dans une telle balise.

Il est important d'observer clairement l'ordre!

Si un autre est investi dans une balise, la première partie d'une balise d'une balise est d'abord. Puis la partie d'ouverture de l'autre et ainsi de suite. Seulement alors ils ont besoin de fermer. Mais il est déjà nécessaire de le faire dans l'ordre inverse. C'est-à-dire que nous fermons d'abord la deuxième étiquette et seulement à la fin, nous atteignons le premier.

Exemple approprié:

Voici le contenu d'un document qui peut être vu par tous les utilisateurs.

Exemple incorrect:

Voici le contenu d'un document qui peut être vu par tous les utilisateurs.

De plus, plusieurs éléments peuvent être investis dans une seule étiquette. Mais le principe ici est pareil. D'abord, nous l'ouvrons. Ensuite, nous avons mis plusieurs étiquettes là-bas et ensuite fermer.

Pour la plus grande commodité, vous pouvez également utiliser des commentaires HTML dans le code. Par exemple, pour s'inscrire pour lequel ce morceau de code est responsable. C'est très utile lorsque vous développez.

Le commentaire lui-même peut être comme une seule fois et plusieurs lignes.

Nom du document

Texte principal

Il est prescrit entre les conceptions.

Comment créer un fichier HTML

Certains d'entre vous ne savent peut-être pas comment créer un fichier HTML. Pour cette tâche, il existe de nombreux programmes spéciaux:

Supports.
Carnet
Notepad ++.
Texte sublime
Atome et autres

Si vous avez des fenêtres, le Notepad sera déjà disponible par défaut. Mais ils ne sont pas pratiques à utiliser. Je recommande de commencer à utiliser éditeur gratuit HTML Pages Notepad ++. Il a de nombreuses possibilités de travail pratique avec le code.

Lorsque vous exécutez l'éditeur, vous serez déjà nouveau nouveau fichier vide. Ecrivez-y que les pages HTML squelette ( cadre), Que nous avons compris au-dessus. Il doit toujours être présent.

Création de site Web professionnelle sur Internet avec des exemples

Comment créer un site Web sur Internet

Voici le contenu d'un document qui peut être vu par tous les utilisateurs.

Le texte peut être changé en vous-même. En général, ce sera le plus simple HTML. page.

Encodage HTML

Lors de la création de pages, prescrivez toujours un codage dans la balise méta. Ceci est la balise de service qui est insérée dans la tête.

En général, ce méta est un élément multiforme. Il peut répondre non seulement à l'encodage, mais aussi pour de nombreuses autres choses. Cependant, parlons de cela dans les articles suivants.

Nous avons maintenant qu'il joue le rôle du pointeur de codage. Il y a une entrée spéciale. Elle dit au navigateur que ce document est créé dans le codage utf-8..

Pourquoi avez-vous besoin d'un codage?

Ce n'est plus secret que dans le monde entier, ils écrivent et parlent dans différentes langues. Si nous créons une page et écrivez en russe, alors en Allemagne créera et écrira déjà en allemand. Dans d'autres pays a déjà sa propre langue.

Avant que création de HTML. Les pages devaient indiquer le codage que nous écrivons en russe. Les Allemands devaient indiquer qu'ils écrivent en allemand et ainsi de suite.

Lorsque nous allons sur la page, le navigateur comprend déjà, dans quelle langue le site est écrit. Il comprend également quelle langue est utilisée pour le texte. En conséquence, il essaie d'afficher ce contenu texte en fonction du codage spécifié.

Malheureusement, cela n'a pas toujours réussi.

Si nous sommes allés sur des sites chinois, nous pourrions alors avoir des carrés noirs ou des signes de questions au lieu de leurs symboles. C'est-à-dire que le navigateur n'a tout simplement pas compris quel genre de symboles.

Incorrectement demandé au codage HTML

Comment la solution de ce problème a été créée par le codage universel UTF-8.

Quand il est devenu la norme, il a disparu de spécifier un encodage spécifique pour une langue spécifique. Il suffisait de spécifier l'universel utf-8. Et votre site serait affiché normalement dans tous les navigateurs.

Dans le même temps, le travail toujours est simplifié avec la base de données. Par conséquent, gardez à l'esprit que nous allons toujours signaler le codage dans UTF-8. Mais ici, vous devez faire votre attention autre chose.

GARDER HTML UTF-8

Pour que tout fonctionne et que le navigateur affiche la page, il est souhaitable de conserver le document HTML dans UTF-8. Dans ce programme de bloc-notes ++ Nous nous aide très bien.

Il y a un élément "codage". Si vous n'avez pas de codage maintenant ( comme moi sur dessin inférieur ), puis cliquez sur "Convertir en UTF-8 sans bom".

Dans ce cas, votre fichier html. Il sera converti en codage UTF-8. Enregistrez les modifications.

Dans le coin inférieur droit, vous trouverez l'inscription "DOS \\ Windows ANSI comme UTF-8". Cela signifie que le document est créé dans le mode UTF-8 et l'affichage sera normal.

Et immédiatement de tels conseils!

Allez à "Options" -\u003e "Paramètres". Voici l'onglet "Nouveau document". Consultez immédiatement le «UTF-8 sans étiquette de notes». Vous avez donc tous les nouveaux documents seront immédiatement créés dans ce codage.

Comment sauvegarder la page HTML

Le nom du fichier peut être n'importe lequel. Mais par défaut et surtout s'il page d'accueil. Site, sauvez-le comme index.html.

Lorsque vous recrutez l'adresse du site sans spécifier une page spécifique, cela signifie que nous demandons la page Index.html. C'est-à-dire que lorsque nous appelons au serveur, il déploiera exactement la page d'index.

Si nous spécifions une page spécifique, alors à la fin, il sera émis. Mais si l'adresse n'est pas spécifiée, la page d'index sera renvoyée. Par conséquent, par défaut, nous appelons la page Index.html.

Et comme vous devez le remarquer, l'extension de fichier doit être html.. C'est-à-dire dans le type de fichier, sélectionnez "Langue de marquage hyper texte" et cliquez sur "Enregistrer".

Comment ouvrir un fichier HTML

Comment ouvrir un fichier HTML pour afficher un affichage d'une page visuelle. Pour ce faire, utilisez n'importe quel navigateur: Google Chrome., Opéra, Edge, Mozilla Firefox., Safari et autres.

Pas étonnant que nous enregistrons des fichiers avec une extension HTML. Après tout, seul ce type de document reproduit les navigateurs. Et la langue HTML elle-même est une norme de marge de page pour la reproduction ultérieure par navigateurs.

En général, cliquez sur le fichier clic-droit Souris.

Dans le menu, apportez à «Ouvrir avec l'aide» et sélectionnez la version de navigateur souhaitée. S'ils ne sont pas affichés, cliquez sur "Choisir une autre application". Il y a déjà choisi parmi la liste le programme nécessaire Lire des pages HTML.

Si vous devez modifier le code, choisissez l'éditeur approprié. Je recommande d'utiliser Notepad ++.

Comment afficher le code de page HTML

Je veux aussi vous dire comment voir le code de page HTML directement dans le navigateur. C'est très utile dans la pratique. Par exemple, découvrez ce que le code HTML du code utilise un site particulier.

Le code de voir est très simple. Appuyez simplement sur le raccourci clavier Ctrl + U.. Dans la nouvelle onglet, le code source de la page du site apparaîtra.

La source Placer.

Vous pouvez toujours dans la barre d'adresse directement devant l'adresse de la page pour vous inscrire:

Retour dans les navigateurs Il y a un outil de développeur Web intégré. L'accès à celui-ci dans le menu Chaque programme sera différent. Cependant, la clé F12. Cet outil s'ouvrira dans n'importe quel navigateur.

Outil développeur dans le navigateur

Dans l'onglet Éléments, il y aura un code HTML et à droite. Un tel outil est pratique en ce qu'il est possible de modifier le code et de voir immédiatement le résultat. De plus, lorsque l'édition peut mettre en évidence des invites. Ceci est également utile.

Code HTML - Marquillage de la page Web fabriqué à l'aide de langue HTML et y compris symboles spéciaux (Tags) utilisé par le navigateur de conception basé sur code texte. Cette langue est responsable de la manière dont l'hypertexte sera reflété sur les pages du site.

HTML (langage de balisage hypertexte) - Langage de marquage (marquage) Hypertext. L'hypertexte est obligé pour Internet, bien qu'il n'ait pas été créé du tout. HTML permet de passer d'une partie du texte à un autre et, merveilleux, ces pièces peuvent être stockées sur des ordinateurs complètement différents.

HTML est la langue de balisage, pas la programmation. DANS cette langue Il n'y a pas de fonctions logiques et que des calculs mathématiques sont impossibles. Pages HTML avoir une extension.html ou.htm et forment des navigateurs, c'est-à-dire Mozilla, Firefox, Google Chrome, Yandex Chrome, Opéra, etc.

Structure de document HTML:

1. La première chose qui se trouve dans la version du document HTML-NOTE (première ligne). Travailler correctement, indiquez cette ligne Lors de la pose d'une page Web.

3. Ensuite, il y a une zone de haut du site (CAPS). Pour cela sert une balise . Dans l'en-tête, nous indiquons le nom de notre page, plaçant le titre de la page entre les balises et/ Suivant est indiqué encodage HTML document (cinquième ligne). Ceci est fait pour le reflet correct de Cyrillic. Nous fermons la tête de la balise d'en-tête

4. META TAG "DESCRIPTION" - résumé Les pages sont destinées aux moteurs de recherche. Cette balise est importante pour optimisation du moteur de recherche Et il doit être rempli.

5. META TAG "Mots-clés" - Mots-clés pouvant survenir sur la page. Cette balise est également destinée aux moteurs de recherche. Actuellement, cette balise est rarement utilisée.

6. Body Ouvre la page et ferme, respectivement, tag

. La page Web est affichée, en règle générale, le texte principal du contenu, la vidéo, l'audio et d'autres informations.

Quels sont les fichiers CSS et pourquoi sont-ils nécessaires? Comment le fichier CSS est-il créé?

Feuilles de style en cascade. (Mais l'abréviation CSS est déchiffrée) ou des feuilles de style en cascade - langue décoration externe Pages Web écrites dans le balisage HTML.

Pourquoi avez-vous besoin de CSS?

Afin de soulager la durée de vie du maître Web et d'améliorer la conception des sites, les tables CSS sont apparues responsables de la numérisation de pages Web. L'apparition de CSS a permis de diviser le contenu et la conception de documents Web. Cela a accéléré le processus de création de sites en raison de la présence de styles de conception uniformes pour un grand nombre de pages.

De plus, des feuilles de style en cascade permettent de modifier rapidement la conception de la ressource Web ou de faire des modifications. Ainsi, avec un seul fichier CSS, vous pouvez maintenant gérer rapidement la conception d'un grand nombre de pages Web.

Avantage important des feuilles de style - Conception de page Web pour différents appareils. Il convient de garder à l'esprit que diverses conceptions de styles existent pour différents appareils. C'est-à-dire que plusieurs conceptions sont créées immédiatement (pour l'impression, la visualisation sur l'écran de l'ordinateur, appareils mobiles). Selon les périphériques prévus pour afficher le site, CSS est écrit pour chaque périphérique une fois lors de la création d'un site.

Sans CSS, la conception devrait prescrire pour chaque page Web individuelle. Maintenant, chaque page du site fait simplement référence au fichier CSS. Pour changer quoi que ce soit dans la conception de notre site, vous devez modifier le code de fichier CSS.

Ainsi, CSS dispose d'énormes opportunités dans le plan de conception de ressources Web. Et si vous envisagez de maîtriser le bâtiment du site, sans connaître le CSS, vous ne pouvez pas faire. Les tables CSS sont faciles à maîtriser. Tellement audacieusement commencer à l'étudier pour apprendre à quel point non seulement significatifs, mais aussi de beaux sites.

Comment créer un fichier CSS:

Déposer styles CSS.- Il est courant fichier texte, exactement la même chose que nous pouvons créer dans n'importe quel éditeur de texte "Notepad", "Mme Word" et TD

La seule chose qui distingue le fichier de style des autres documents texte - Ceci est son extension, qui a le type de * .CSS.

Ainsi, vous pouvez créer un fichier de styles CSS simplement en modifiant l'extension de fichier texte:

Méthode 1. En modifiant simplement l'expansion d'un fichier texte.

ouvrir tout éditeur de texte, par exemple, "Notepad". Dans le menu principal, sélectionnez le fichier - Créez car nous enregistrons un fichier texte avec une résolution. TXT. Maintenant, vous devez modifier l'extension de ce fichier avec * .txt à * .CSS. Maintenant, pour créer un fichier CSS, il vous suffit de renommer le fichier en modifiant son extension CSS. Après cela, nous obtenons un fichier de styles CSS.

Méthode 2 Création de fichier de style à l'aide de l'éditeur de code Dreamweaver. Il possède des fonctionnalités spéciales pour créer des fichiers de style CSS. Après avoir ouvert le programme, le menu principal apparaîtra dans lequel vous pouvez sélectionner le fichier CSS. Une fois que le fichier est créé, il peut être enregistré via le menu principal "Fichier-Enregistrer sous ...", le processus de création de fichier CSS similaire est également dans d'autres éditeurs de code.

1.2.2 Structure de document HTML

Le document HTML se compose de trois sections principales:
\u003e Section du document HTML: Chaque document HTML doit commencer à commencer à ouvrir Tag HTML Et finissez par la balise HTML de fermeture.
.
Ces balises indiquent au navigateur que le texte entre ces deux balises est un document HTML.
\u003e Section de l'en-tête: la section commence par balise Et le tag se termine. Cette section contient le nom du document affiché dans la barre de titre de la page Web. Le titre lui-même est allumé à l'intérieur de la balise de titre, qui commence par et ferme -
Le titre est très important. Les signets sont souvent utilisés sur des sites Web pour marquer ce nœud Web. Le navigateur utilise «l'en-tête» pour enregistrer ce signet. De plus, lorsque les utilisateurs recherchent des informations, l'en-tête de la page Web est souvent mot-cléPar lequel la recherche utilisateur.
\u003e Section du corps du document (Section du corps): Cette section suit après la section Titre. La section Document du document contient du texte, des images et des liens qui doivent être affichés sur la page Web. La section du corps de document commence par balise Et le tag se termine.
Exemple 2:

Bienvenue dans le monde de HTML

Ça va être réel amusement

Figure 1.4 Exemple 2
Paragraphes
Vous avez payé l'attention sur la balise,<Р>, Dans l'exemple 2? Étiqueter<Р> Définit le paragraphe (paragraphe).
Lorsque vous écrivez le texte, vous cassez le contenu de la séquence des paragraphes. Les paragraphes aident à déterminer la structure logique du document et à appliquer une certaine mandation au contenu du document. Étiqueter<Р> Utilisé pour marquer le début du nouveau paragraphe.

Lors de la création d'un site, la première chose que vous devez représenter est la formation de la page Web. C'est une sorte, "fondation" dans le bâtiment du site. Par conséquent, avant, pour approfondir l'étude des technologies plus complexes pour créer des sites, il est recommandé d'avoir au moins des informations de base sur HTML. Dans cette leçon, nous nous familiariserons HtmlNous comprendrons structure de document HTML Et dans des exemples pratiques, ils répareront les connaissances acquises.

Qu'est-ce que HTML?

Html Il est déchiffré comme une langue de balisage hypertexte (de l'anglais. Langue de balisage hypertexte). Cette langue est responsable de la manière dont l'hypertexte est affiché sur les pages du site. Maintenant, trouvons-le, qu'est-ce que Hypertext? Il n'est pas secret qu'une page Web distincte peut contenir de nombreuses informations différentes, que ce soit du texte, des tables, des graphiques, des vidéos, de l'audio, etc. Ainsi, toutes ces informations peuvent être appelées dans un mot - hypertexte.

Notez que HTML est la langue de balisage et non le langage de programmation. Dans cette langue, il n'y a pas de fonctions logiques et que des calculs mathématiques sont impossibles. Les pages HTML ont une extension .html ou alors .htm. Et traité par des navigateurs - c'est-à-dire Mozilla Firefox, Google Chrome, Yandex Chrome, Opera, etc.

Maintenant, comprenons comment le navigateur comprend quoi et comment afficher sur la page Web? C'est très simple. Le langage de marquage HTML Hypertext a des commandes intégrées, elles s'appellent des balises. C'est sur eux que le navigateur est orienté.

Structure de document HTML

Tout document HTML (artiste Web) doit avoir une structure spécifique. Cela évitera problèmes possibles Lors de l'ouverture de pages dans les navigateurs. Par exemple, regardons la page contenant le code HTML suivant:

Structure de document HTML ...

Nous analyserons dans l'ordre, qui est inclus dans cette structure:

1. La première chose qui va dans le document HTML consiste à spécifier la version (première ligne). Pour fonctionner correctement, spécifiez cette chaîne lors de la pose d'une page Web.

3. Ensuite, il y a une région pour le haut du site (CAPS). Pour cela sert une balise . Dans l'en-tête, nous indiquons le nom de notre page, plaçant le titre de la page entre les balises et. Ce qui suit indique le codage du document HTML (cinquième ligne). Ceci est fait pour cartographier correctement cyrillique. Nous fermons la tête de la balise d'en-tête.

4. META TAG "DESCRIPTION" - Un bref contenu de page, conçu pour les moteurs de recherche. Cette balise est importante pour l'optimisation des moteurs de recherche et il doit être rempli.

5. META TAG "Mots-clés" - Mots-clés pouvant survenir sur la page. Cette balise est également destinée aux moteurs de recherche. Actuellement, cette balise est rarement utilisée.

6. Body Ouvre la page et ferme, respectivement, tag

. La page Web est affichée, en règle générale, le contenu principal - texte, vidéo, audio et autres informations.

Ainsi, nous avons répondu à la question de savoir quel HTML est et étudié la structure du document HTML. Les informations obtenues dans cette leçon sont les concepts de base, sans eux, il n'est pas nécessaire. Nous parlerons de choses plus complexes dans d'autres leçons.

HTML est une langue de balisage de site. Beaucoup considèrent que la programmation informatique, mais ce n'est pas le cas. HTML n'a aucune variables, calculs, tableaux et autres éléments présents dans n'importe quel langage de programmation.

En utilisant HTML, le développeur ne peut créer que l'apparition du site. Il est important de comprendre qu'aucun site n'existe sans marquage. HTML est une création de page Web de base. Le reste de la fonctionnalité est ajouté dans diverses langages de programmation.

Création d'un document HTML

Vous pouvez créer une page de site simple dans n'importe quel éditeur. Même le "bloc-notes" convient. Pour un développeur débutant, il est recommandé d'utiliser d'autres éditeurs qui ont des fonctions de mise au point et d'autres astuces d'autoforming. Grâce à cela, vous pouvez créer des tables, des liens, des images et d'autres éléments à l'emploi. Et dans "Notepad", chaque lettre que vous devez écrire manuellement.

En règle générale, «Notepad» utilise uniquement dans les cas où il n'y a pas d'autres outils à portée de main. Tout d'abord crée un document texte, puis stocké au format HTML. Toutes les pages de site doivent être avec l'expansion HTML.

Le langage HTML est hiérarchique. Autrement dit, il existe une structure spéciale du document HTML. Ce que c'est? Considérer ci-dessous pour plus de clarté.

La structure du document HTML. Exemple

La structure est toujours la même. Si vous voulez modifier quelque chose, le navigateur ne sera pas en mesure de le traiter. En conséquence, vous n'obtenez pas ce qu'ils ont conçu.

La figure ci-dessus indique la structure de tout fichier HTML. Le premier élément indique le type de fichier. Cette balise est spécifiée une fois. Si vous utilisez des éditeurs spéciaux, toute la structure sera créée automatiquement. Vous devrez corriger les valeurs standard.

La structure du document HTML - Les balises principales:

De ces trois balises se compose d'un cadre de tout le site. Faites attention au dessin. Toutes ces balises ont une étiquette de fermeture avec un signe "/". Si vous écrivez de votre main, utilisez-vous pour mettre les deux étiquettes à la fois - ouverture et fermeture.

Au-dessus, il a été dit que les pages du site ont une extension. HTML. C'est-à-dire que si vous créez un document texte, mais vous écrirez le code correct, le navigateur vous affichera toujours du texte. Il n'y aura pas de conversion de code.

Chef de section.

La figure 3 montre la section de tête. Cette section indique les informations de service. Par exemple, vous pouvez spécifier un codage (paragraphe 4) et titre de page (paragraphe 5).

Le titre doit toujours être. Sans cela, aucun moteur de recherche ne pourra déterminer le titre du contenu (texte) sur la page Web. Et il est mauvais de promouvoir le site. De plus, l'en-tête de pages ne sera pas spécifié dans le navigateur. C'est inconvéniste pour l'utilisateur.

La structure du document HTML est indiquée uniquement dans la section principale. Si tag Spécifiez dans la section du corps ou après cela, le gestionnaire ne fera prêter attention.</p><p>De plus, la section principale indique des informations pour connecter des scripts, des fichiers de style, des instructions pour les moteurs de recherche ou des autres données que l'utilisateur ne doit pas voir, mais elles sont importantes pour un navigateur ou des programmeurs.</p><h2>Styles de connexion</h2><p>La structure du document HTML vous permet de connecter des styles de différentes manières. De plus, ils peuvent être écrits individuellement dans chaque élément. Mais cette méthode n'est pas recommandée, car le code devient trop grand et gênant.</p><p>Le fichier est connecté comme suit.</p><p><link rel = “stylesheet” href = “style.css” type = “text/css”></p><p>L'attribut href indique le chemin du fichier. Si le chemin est l'erreur, les styles ne se chargeent pas. L'attribut type est également requis, ce qui indique qu'il s'agit d'un fichier CSS.</p><p>Une autre option consiste à définir des styles directement dans la section de la tête.</p><p><img src='https://i0.wp.com/fb.ru/misc/i/gallery/43047/1327414.jpg' height="203" width="259" loading=lazy loading=lazy></p><p>Mais cette option n'est pas non plus très recommandée. Ces méthodes sont très différentes dans lesquelles le fichier CSS peut être un pour l'ensemble du site, et toutes les modifications de son application s'appliqueront instantanément à toutes les pages. Et si vous utilisez la méthode répertoriée dans la figure ci-dessus, vous devrez apporter des modifications à toutes les pages de site existantes.</p><p>Si la classe créée est utilisée uniquement sur une seule page, cette option vous convient.</p><h2>Scripts de connexion</h2><p>Les scripts sont connectés comme suit.</p><p><script type=“text/javascript” src=“main.js”></script></p><p>Deux attributs sont requis ici: Type et SRC. Dans la première, vous spécifiez qu'il s'agit d'un fichier JavaScript et le second est où se trouve le fichier. Si vous autorisez une faute de frappe, rien ne fonctionnera.</p><h2>Corps de section.</h2><p>La structure du document HTML est telle que pour poster le contenu qui sera visible à l'utilisateur uniquement dans la section du corps. Le nom de la balise parle pour elle-même.</p><p>Il spécifie tout le code de page principal pouvant inclure un nombre illimité d'éléments. Mais plus le code est long, plus il sera traité.</p><p>Considérez les étiquettes les plus élémentaires pouvant être utilisées dans la zone du corps. Il n'y a pas tant de majeur. Tous les autres que vous serez reconnus au fur et à mesure que vos connaissances et vos pratiques grandissent.</p><h2>Tags principaux</h2><p>La structure du document HTML nécessite la procédure obligatoire d'écriture. Les balises doivent toujours être encadrées par des crochets<>. Sans cela, le navigateur ne comprendra pas que c'est la balise. Une fois que le support d'ouverture suit toujours le nom de l'élément (étiquette). Si vous autorisez l'écart entre< и именем, то браузер посчитает это текстом.</p><p>Considérons l'exemple de la balise d'image. Veuillez noter que cette balise n'est pas fermée, contrairement aux références, paragraphes et de nombreux autres.</p><p><img src='https://i2.wp.com/fb.ru/misc/i/gallery/43047/1327415.jpg' width="100%" loading=lazy loading=lazy></p><p>L'ordre des attributs n'a pas d'importance. Mais leur écriture (conception) est très importante. Toujours d'abord, le nom de l'attribut, puis le signe égal, puis la valeur d'attribut est écrite entre guillemets. La valeur peut être différente - numérique ou texte.</p><p>L'attribut SRC dans toutes les balises indique le chemin du fichier à charger. L'attribut alt dans tous les éléments indique une brève description. Dans ce cas, la photo de Bird.jpg est chargée avec une description - une photo d'un oiseau.</p><p>De plus, il était possible de spécifier des dimensions, une seule largeur ou une hauteur, une en-tête, une alignement, une classe de style ou un cadre.</p><p>Considérez d'autres balises majeures spécifiées dans la section du corps.</p><table align="center" cellpadding="5" cellspacing="0" class="if"><tbody><tr><td valign="top" width="153"> </td><td valign="top" width="554"><p>Objectif</p> </td> </tr><tr><td valign="top" width="153"> </td><td valign="top" width="554"> </td> </tr><tr><td valign="top" width="153"> </td><td valign="top" width="554"><p>Images</p> </td> </tr><tr><td valign="top" width="153"></p> </td><td valign="top" width="554"> </td> </tr><tr><td valign="top" width="153"> </td><td valign="top" width="554"><p>Transférer du texte sur une nouvelle chaîne</p> </td> </tr><tr><td valign="top" width="153"><p><strong>…</strong></p> </td><td valign="top" width="554"><p>La vignette</p> </td> </tr><tr><td valign="top" width="153"> </td><td valign="top" width="554"> </td> </tr><tr><td valign="top" width="153"> </td><td valign="top" width="554"><p>Texte de la location</p> </td> </tr><tr><td valign="top" width="153"> </td><td valign="top" width="554"><p>Texte souligné</p> </td> </tr><tr><td valign="top" width="153"> </td><td valign="top" width="554"> </td> </tr><tr><td valign="top" width="153"><p><table></table></p> </td><td valign="top" width="554"> </td> </tr></tbody></table><h2>Comment peut-on imaginer tout cela dans la tête</h2><p>Les développeurs débutants n'imaginent pas toujours tout cela de manière spéculative. Regardez quelques exemples de la structure des pages Web, puis vous allez certainement devenir claire.</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> </article> <div class="entry-footer"> <span class="entry-meta__comments" title="commentaires"><span class="fa fa-comment-o"></span> </span> <span class="entry-meta__views" title="Vues"><span class="fa fa-eye"></span> </span> </div> <div class="b-share b-share--post"> <div class="b-share__title">Avez-vous aimé l'article? Partager avec des amis:</div> <span class="b-share__ico b-share__vk js-share-link" data-uri="http://vk.com/share.php?url=https%3A%2F%2Fcrabo.ru%2Fbeg-na-begovoj-dorozhke%2F"></span><span class="b-share__ico b-share__fb js-share-link" data-uri="http://www.facebook.com/sharer.php?u=https%3A%2F%2Fcrabo.ru%2Ftips-for-beginners%2Fobshchaya-struktura-html-dokumenta-pravila-postroeniya-html-dokumentov.html"></span><span class="b-share__ico b-share__tw js-share-link" data-uri="http://twitter.com/share?text=https%3A%2F%2Fcrabo.ru%2Ftips-for-beginners%2Fobshchaya-struktura-html-dokumenta-pravila-postroeniya-html-dokumentov.html"></span> <span class="b-share__ico b-share__ok js-share-link" data-uri="https://connect.ok.ru/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https%3A%2F%2Fcrabo.ru%2Ftips-for-beginners%2Fobshchaya-struktura-html-dokumenta-pravila-postroeniya-html-dokumentov.html"></span><span class="b-share__ico b-share__gp js-share-link" data-uri="https://plus.google.com/share?url=https%3A%2F%2Fcrabo.ru%2Ftips-for-beginners%2Fobshchaya-struktura-html-dokumenta-pravila-postroeniya-html-dokumentov.html"></span><span class="b-share__ico b-share__whatsapp js-share-link js-share-link-no-window" data-uri="whatsapp://send?text=https%3A%2F%2Fcrabo.ru%2Ftips-for-beginners%2Fobshchaya-struktura-html-dokumenta-pravila-postroeniya-html-dokumentov.html"></span> <span class="b-share__ico b-share__viber js-share-link js-share-link-no-window" data-uri="viber://forward?text=https%3A%2F%2Fcrabo.ru%2Ftips-for-beginners%2Fobshchaya-struktura-html-dokumenta-pravila-postroeniya-html-dokumentov.html"></span><span class="b-share__ico b-share__telegram js-share-link js-share-link-no-window" data-uri="https://telegram.me/share/url?url=https%3A%2F%2Fcrabo.ru%2Ftips-for-beginners%2Fobshchaya-struktura-html-dokumenta-pravila-postroeniya-html-dokumentov.html"></span> </div> <div class="b-related"> <div class="b-related__header"><span>Vous pouvez aussi être intéressé</span></div> <div class="b-related__items"> <article id="post-" class="post-card post- post type-post status-publish format-standard has-post-thumbnail hentry" itemscope itemtype="http://schema.org/BlogPosting"> <div class="post-card__image"> <a href="https://crabo.ru/fr/tips-for-beginners/sovety-po-tyuningu-avtomobilya.html"> <img width="330" height="140" src="/images/1-1-690x400ub-330x140.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Conseils de syntonisation de voiture" itemprop="image" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy loading=lazy> <div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">Conseils débutants</span></span> </div> </a> </div> <header class="entry-header"> <div class="entry-title" itemprop="name"><a href="https://crabo.ru/fr/tips-for-beginners/sovety-po-tyuningu-avtomobilya.html" rel="bookmark" itemprop="url"><span itemprop="headline">La structure globale du document HTML. Règles pour la construction de documents HTML</span></a></div> </header> <div class="post-card__content" itemprop="articleBody">Vous apprendrez quelle devrait être la structure minimale du document HTML. En détail et avec des exemples, nous analyserons chaque article dont vous avez besoin. Nous parlerons également de la manière de créer des fichiers et ...</div> </article> <article id="post-" class="post-card post- post type-post status-publish format-standard has-post-thumbnail hentry" itemscope itemtype="http://schema.org/BlogPosting"> <div class="post-card__image"> <a href="https://crabo.ru/fr/the-security-of-your-computer/chto-takoe-roboty-poiskoviki-yandeksa-i-google-prostymi-slovami-poiskovye.html"> <img width="330" height="140" src="/uploads/9d3898e56288d733bc7233fe7ef5c1af.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Rechercher des robots Google, Yandex, Autres PS et services Pourquoi Besoin de robots de recherche" itemprop="image" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy loading=lazy> <div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">Sécurité informatique</span></span> </div> </a> </div> <header class="entry-header"> <div class="entry-title" itemprop="name"><a href="https://crabo.ru/fr/the-security-of-your-computer/chto-takoe-roboty-poiskoviki-yandeksa-i-google-prostymi-slovami-poiskovye.html" rel="bookmark" itemprop="url"><span itemprop="headline">La structure globale du document HTML. Règles pour la construction de documents HTML</span></a></div> </header> <div class="post-card__content" itemprop="articleBody">Vous apprendrez quelle devrait être la structure minimale du document HTML. En détail et avec des exemples, nous analyserons chaque article dont vous avez besoin. Nous parlerons également de la manière de créer des fichiers et ...</div> </article> <article id="post-" class="post-card post- post type-post status-publish format-standard has-post-thumbnail hentry" itemscope itemtype="http://schema.org/BlogPosting"> <div class="post-card__image"> <a href="https://crabo.ru/fr/windows-10/programma-dlya-razmnozheniya-statei-razmnozhenie-statei-programma.html"> <img width="330" height="140" src="/uploads/0d369b9d9639f415dad4a0d1ddc02eb0.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Reproduction d'articles, programme générant le Web" itemprop="image" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy loading=lazy> <div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">Windows 10.</span></span> </div> </a> </div> <header class="entry-header"> <div class="entry-title" itemprop="name"><a href="https://crabo.ru/fr/windows-10/programma-dlya-razmnozheniya-statei-razmnozhenie-statei-programma.html" rel="bookmark" itemprop="url"><span itemprop="headline">La structure globale du document HTML. Règles pour la construction de documents HTML</span></a></div> </header> <div class="post-card__content" itemprop="articleBody">Vous apprendrez quelle devrait être la structure minimale du document HTML. En détail et avec des exemples, nous analyserons chaque article dont vous avez besoin. Nous parlerons également de la manière de créer des fichiers et ...</div> </article> <article id="post-" class="post-card post- post type-post status-publish format-standard has-post-thumbnail hentry" itemscope itemtype="http://schema.org/BlogPosting"> <div class="post-card__image"> <a href="https://crabo.ru/fr/internet-tips/zagolovok-last-modified-uskoryaet-indeksaciyu-novyh-stranic-v-razy-blog-v-kotorom-est.html"> <img width="330" height="140" src="/uploads/cda678f9d8bbd6612f9922d004476fa6.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Un blog dans lequel il y a beaucoup d'informations intéressantes ... Aidons-nous à la mise en place de la dernière modification" itemprop="image" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy loading=lazy> <div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">Invites Internet</span></span> </div> </a> </div> <header class="entry-header"> <div class="entry-title" itemprop="name"><a href="https://crabo.ru/fr/internet-tips/zagolovok-last-modified-uskoryaet-indeksaciyu-novyh-stranic-v-razy-blog-v-kotorom-est.html" rel="bookmark" itemprop="url"><span itemprop="headline">La structure globale du document HTML. Règles pour la construction de documents HTML</span></a></div> </header> <div class="post-card__content" itemprop="articleBody">Vous apprendrez quelle devrait être la structure minimale du document HTML. En détail et avec des exemples, nous analyserons chaque article dont vous avez besoin. Nous parlerons également de la manière de créer des fichiers et ...</div> </article> <article id="post-" class="post-card post- post type-post status-publish format-standard has-post-thumbnail hentry" itemscope itemtype="http://schema.org/BlogPosting"> <div class="post-card__image"> <a href="https://crabo.ru/fr/solving-problems/kakoi-bios-luchshe-uefi-ili-legacy-otklyuchaem-uefi-secure-boot-v-bios-formatirovanie-i.html"> <img width="330" height="140" src="/uploads/e4e16debec4fcfd9ac74073521b5e44c.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Éteignez le démarrage sécurisé UEFI au BIOS" itemprop="image" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy loading=lazy> <div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">Solution de problèmes</span></span> </div> </a> </div> <header class="entry-header"> <div class="entry-title" itemprop="name"><a href="https://crabo.ru/fr/solving-problems/kakoi-bios-luchshe-uefi-ili-legacy-otklyuchaem-uefi-secure-boot-v-bios-formatirovanie-i.html" rel="bookmark" itemprop="url"><span itemprop="headline">La structure globale du document HTML. Règles pour la construction de documents HTML</span></a></div> </header> <div class="post-card__content" itemprop="articleBody">Vous apprendrez quelle devrait être la structure minimale du document HTML. En détail et avec des exemples, nous analyserons chaque article dont vous avez besoin. Nous parlerons également de la manière de créer des fichiers et ...</div> </article> <article id="post-" class="post-card post- post type-post status-publish format-standard has-post-thumbnail hentry" itemscope itemtype="http://schema.org/BlogPosting"> <div class="post-card__image"> <a href="https://crabo.ru/fr/computer-literacy/linkedin-zablokirovan-chto-dalshe-est-li-zhizn-posle-blokirovki.html"> <img width="330" height="140" src="/uploads/0b5f9c82d66d2aff61a9caf0ac61c0c6.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Y a-t-il une vie après le blocage?" itemprop="image" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy loading=lazy> <div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">Littératie informatique</span></span> </div> </a> </div> <header class="entry-header"> <div class="entry-title" itemprop="name"><a href="https://crabo.ru/fr/computer-literacy/linkedin-zablokirovan-chto-dalshe-est-li-zhizn-posle-blokirovki.html" rel="bookmark" itemprop="url"><span itemprop="headline">La structure globale du document HTML. Règles pour la construction de documents HTML</span></a></div> </header> <div class="post-card__content" itemprop="articleBody">Vous apprendrez quelle devrait être la structure minimale du document HTML. En détail et avec des exemples, nous analyserons chaque article dont vous avez besoin. Nous parlerons également de la manière de créer des fichiers et ...</div> </article> </div> </div> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="/beg-na-begovoj-dorozhke/" /> <meta itemprop="dateModified" content="2017-05-13" /> <meta itemprop="datePublished" content="2016-10-28T11:16:04+00:00" /> <script> var mt_cid = 43603314 </script> <script async="async" src="https://adcounter14.uptolike.com/counter.js?sid=stf22ceea420b22686332c72fa963f260cb21fbe9e" type="text/javascript"></script> </main> </div> </div> <aside id="secondary" class="widget-area" itemscope itemtype="http://schema.org/WPSideBar"> <div id="search-2" class="widget widget_search"> <form role="search" method="get" id="searchform" action="/" class="search-form"> <label class="screen-reader-text" for="s">Rechercher:</label> <input type="text" value="" name="s" id="s" class="search-form__text"> <button type="submit" id="searchsubmit" class="search-form__submit"></button></form> </div> <div id="text-13" class="widget widget_text"> <div class="textwidget"> <div id="luqusa1" style="height:500px;width:300px;" align="center"></div> </div> </div> <div id="wpshop_articles-3" class="widget widget_wpshop_articles"> <div class="widget-header">Matériaux populaires</div> <div class="widget-article"> <div class="widget-article__image"><a href="https://crabo.ru/fr/configuring-windows/poyavilsya-skaip-v-mire-svedeniya-o-skaipe-zarozhdenie-i-razvitie-utility.html"> <img width="330" height="140" src="/uploads/895e59a824aebbbcc282322f9a40dc60.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Skype est apparu dans le monde. Informations sur Skype. Narché et développement de l'utilité" / loading=lazy loading=lazy> </a> </div> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://crabo.ru/fr/configuring-windows/poyavilsya-skaip-v-mire-svedeniya-o-skaipe-zarozhdenie-i-razvitie-utility.html">Skype est apparu dans le monde. Informations sur Skype. Narché et développement de l'utilité</a></div> </div> </div> <div class="widget-article"> <div class="widget-article__image"><a href="https://crabo.ru/fr/tips-for-beginners/na-kakom-yazyke-napisan-skype-kto-pridumal-skaip-kogda-i-kem-byl.html"> <img width="330" height="140" src="/uploads/23e94b70729b1886ddb7f290358b5b2c.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Dans quelle langue est écrit Skype" / loading=lazy loading=lazy> </a> </div> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://crabo.ru/fr/tips-for-beginners/na-kakom-yazyke-napisan-skype-kto-pridumal-skaip-kogda-i-kem-byl.html">Dans quelle langue est écrit Skype</a></div> </div> </div> <div class="widget-article"> <div class="widget-article__image"><a href="https://crabo.ru/fr/configuring-wi-fi/http-pochta-gugl-pochta-gmail-com-registraciya-vhod-kak-otpravit-pismo-chto-delat.html"> <img width="330" height="140" src="/uploads/84be71c34db6ea1296df47b96c2a8938.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Mail gmail com: inscription, connexion, comment soumettre une lettre" / loading=lazy loading=lazy> </a> </div> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://crabo.ru/fr/configuring-wi-fi/http-pochta-gugl-pochta-gmail-com-registraciya-vhod-kak-otpravit-pismo-chto-delat.html">Mail gmail com: inscription, connexion, comment soumettre une lettre</a></div> </div> </div> <div class="widget-article"> <div class="widget-article__image"><a href="https://crabo.ru/fr/windows-10/edinaya-rossiya-podaet-na-menya-v-sud-pochemu-edinaya-rossiya-ne-partiya.html"> <img width="330" height="140" src="/uploads/a9fc649031427c9da30772b690124f29.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Pourquoi "United Russie" n'est pas un lot de voleurs et de voleurs Russie United Thieves" / loading=lazy loading=lazy> </a> </div> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://crabo.ru/fr/windows-10/edinaya-rossiya-podaet-na-menya-v-sud-pochemu-edinaya-rossiya-ne-partiya.html">Pourquoi "United Russie" n'est pas un lot de voleurs et de voleurs Russie United Thieves</a></div> </div> </div> <div class="widget-article"> <div class="widget-article__image"><a href="https://crabo.ru/fr/configuring-windows/den-optimizatora-v-rossii-specialist-po-rabote-s-poiskovymi-sistemami.html"> <img width="330" height="140" src="/uploads/94f234f6aad629562aab663383e3f9c7.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Spécialiste en travaillant avec des moteurs de recherche, SEO-Optimizer Plus, je vous paye pour apprendre d'un spécialiste expérimenté" / loading=lazy loading=lazy> </a> </div> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://crabo.ru/fr/configuring-windows/den-optimizatora-v-rossii-specialist-po-rabote-s-poiskovymi-sistemami.html">Spécialiste en travaillant avec des moteurs de recherche, SEO-Optimizer Plus, je vous paye pour apprendre d'un spécialiste expérimenté</a></div> </div> </div> </div> <div id="wpshop_articles-2" class="widget widget_wpshop_articles"> <div class="widget-header">conseillé</div> <div class="widget-article"> <div class="widget-article__image"><a href="https://crabo.ru/fr/solving-problems/korrektnyi-xmlrpc-php-vvedenie-v-xml-rpc-blokiruem-xml-rpc.html"> <img width="330" height="140" src="/uploads/fa97746f720349a517ecf5cb963754b4.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Correct xmlrpc php. Introduction à XML-RPC. Bloquer XML RPC." / loading=lazy loading=lazy> </a> </div> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://crabo.ru/fr/solving-problems/korrektnyi-xmlrpc-php-vvedenie-v-xml-rpc-blokiruem-xml-rpc.html">Correct xmlrpc php. Introduction à XML-RPC. Bloquer XML RPC.</a></div> </div> </div> <div class="widget-article"> <div class="widget-article__image"><a href="https://crabo.ru/fr/hardware-solutions/prostoi-restful-servis-na-nativnom-php-superglobalnyi-massiv-server.html"> <img width="330" height="140" src="/uploads/09ca9619eabdcd88b8b7f4d19c1768da.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Array superglobal $ _Server info info impitoyable php" / loading=lazy loading=lazy> </a> </div> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://crabo.ru/fr/hardware-solutions/prostoi-restful-servis-na-nativnom-php-superglobalnyi-massiv-server.html">Array superglobal $ _Server info info impitoyable php</a></div> </div> </div> <div class="widget-article"> <div class="widget-article__image"><a href="https://crabo.ru/fr/internet-tips/omut-user-info-php-globalnyi-massiv-server-v-php-kakoi-funkcional-my-budem.html"> <img width="330" height="140" src="/uploads/da9f20aeef7172cbb8a8df723696ded4.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Massif Global $ _Server en PHP" / loading=lazy loading=lazy> </a> </div> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://crabo.ru/fr/internet-tips/omut-user-info-php-globalnyi-massiv-server-v-php-kakoi-funkcional-my-budem.html">Massif Global $ _Server en PHP</a></div> </div> </div> <div class="widget-article"> <div class="widget-article__image"><a href="https://crabo.ru/fr/hardware-solutions/php-substr-russkie-bukvy-obrezaem-stroku-php-prostye-sposoby-php-funkciya.html"> <img width="330" height="140" src="/uploads/ed50b660aa0094e74a383efaffa6ba97.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="Couper la chaîne PHP: façons simples" / loading=lazy loading=lazy> </a> </div> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://crabo.ru/fr/hardware-solutions/php-substr-russkie-bukvy-obrezaem-stroku-php-prostye-sposoby-php-funkciya.html">Couper la chaîne PHP: façons simples</a></div> </div> </div> </div> <div id="text-11" class="widget widget_text"> <div class="textwidget"> <p></p> <div id="yandex_rtb_R-A-218842-11"></div> <p> </p> </div> </div> <div id="text-12" class="widget widget_text"> <div class="textwidget"> <div id="luqusa2" style="height:500px;width:300px;" align="center"></div> </div> </div> </aside> </div> <div class="footer-navigation container"> <div class="main-navigation-inner "> <div class="menu-menyu-2-container"><ul id="footer_menu" class="menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item"><a href="">Contacts</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item"><a href="">À propos de nous</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item"><a href="">Publicité</a></li> </ul></div> </div></div> <footer class="site-footer container" itemscope itemtype="http://schema.org/WPFooter"> <div class="site-footer-inner "> <button type="button" class="scrolltop js-scrolltop"></button> <div class="footer-info"> © 2021 Portail d'ordinateur Crabo.ru</div> <div class="footer-counters"> </div> </div></footer> </div> <script type="text/javascript"> //<![CDATA[ jQuery(document).ready(function() { cli_show_cookiebar({ settings: '{ "animate_speed_hide":"500","animate_speed_show":"500","background":"#fff","border":"#444","border_on":true,"button_1_button_colour":"#1e73be","button_1_button_hover":"#185c98","button_1_link_colour":"#ffffff","button_1_as_button":true,"button_2_button_colour":"#333","button_2_button_hover":"#292929","button_2_link_colour":"#444","button_2_as_button":true,"font_family":"inherit","header_fix":true,"notify_animate_hide":true,"notify_animate_show":false,"notify_div_id":"#cookie-law-info-bar","notify_position_horizontal":"right","notify_position_vertical":"bottom","scroll_close":false,"scroll_close_reload":false,"showagain_tab":false,"showagain_background":"#fff","showagain_border":"#000","showagain_div_id":"#cookie-law-info-again","showagain_x_position":"100px","text":"#000","show_once_yn":false,"show_once":"10000"} ' }); }); //]]> </script> <script type='text/javascript' src='https://crabo.ru/wp-content/plugins/jetpack/modules/photon/photon.js'></script> <script type='text/javascript' src='https://crabo.ru/wp-content/plugins/table-of-contents-plus/front.min.js'></script> <script type='text/javascript' src='https://crabo.ru/wp-content/plugins/wp-polls/polls-js.js'></script> <script type='text/javascript' src='https://crabo.ru/wp-content/plugins/clearfy/components/comments-plus/assets/js/url-span.js'></script> <script type='text/javascript' src='https://crabo.ru/wp-content/themes/root/js/scripts.js'></script> <script type='text/javascript' src='/wp-includes/js/comment-reply.min.js'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar": "sidebar-1", "margin_top": 10, "margin_bottom": 0, "stop_id": "", "screen_max_width": 0, "screen_max_height": 0, "width_inherit": false, "refresh_interval": 1500, "window_load_hook": false, "disable_mo_api": false, "widgets": ['text-11'] }; </script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js'></script> <script async="async" type='text/javascript' src='https://crabo.ru/wp-content/plugins/akismet/_inc/form.js'></script> <br> <br> </body> </html>