Crée un lien sur la page (autorise le style, la classe et d'autres paramètres).

Par exemple, le code html :

,..., - balises d'en-tête à l'intérieur du contenu (autorise le paramètre style, classe, id). De plus, plus le nombre est petit, plus le poids et la taille (par défaut) du texte enfermé dans ces balises sont importants.

Par exemple, le code html :

La balise est utilisée pour le titre de la page (ainsi que le titre)

Ces balises doivent être utilisées uniquement aux fins prévues, c'est-à-dire seulement lorsque l'article a besoin d'un titre. Cela est dû au fait que les balises,..., ont une grande influence sur les moteurs de recherche. Si vous les utilisez correctement, les chances d’arriver en tête des résultats de recherche sont très élevées.

- aligne le contenu au centre.

Par exemple, le code html :

Convertit ce qui suit sur la page :

Ce texte sera au centre

• - pour le texte
• ... - pour tout (par exemple, une image)

- affiche la police d'indice.

Par exemple, le code html :

Convertit ce qui suit sur la page :

Texte brut, texte interlinéaire

- affiche la police en exposant.

Par exemple, le code html :

Convertit ce qui suit sur la page :

Texte brut, texte en exposant

, - affiche une police d'un pixel plus grande/plus petite que la taille actuelle (autorisée par le paramètre style, class, id).

Par exemple, le code html :

Convertit ce qui suit sur la page :

Police normale, cette police est un pixel plus grande

(création de listes)

Affiche une liste (accepte les paramètres de style, de classe et d'identifiant). Chaque nouvel élément est écrit entre

• Et
.

Par exemple, le code html :

Liste:
• premier élément de la liste
• deuxième élément de la liste

Convertit ce qui suit sur la page :

Liste:

• premier élément de la liste
• deuxième élément de la liste
12. Balise HTML (création de tableaux)
- crée un tableau (autorise le style, paramètre de classe). Chaque nouvelle ligne est créée par des balises , et la colonne .

Par exemple, le code html :

1 ligne 1 élément	1ère ligne 2ème élément
2 lignes 1 élément	2 lignes 2 éléments

Convertit ce qui suit sur la page :

Toutes les fonctionnalités des balises

13. Balise HTML
(saut de ligne)


- le passage à la ligne suivante est une seule balise.

Par exemple, le code html :

Ligne 1
2 lignes
3ème ligne Et ce texte sera sur la 3ème ligne, puisqu'il n'y a pas eu de transition

Convertit ce qui suit sur la page :

1 ligne
2 lignes
3ème ligne Et ce texte sera sur la 3ème ligne, puisqu'il n'y a pas eu de transition

14. Balise HTML (ligne horizontale)

- trace une ligne, représente une seule balise (autorise le style, le paramètre de classe).

Par exemple, le code html :

Du texte au-dessus de la ligne et ce texte sera en dessous de la ligne

Convertit ce qui suit sur la page :

Du texte au-dessus de la ligne et ce texte sera en dessous de la ligne

15. Balise HTML (sortie d'image)

Par exemple, le code html :

http://img-fotki.yandex.ru/get/5821/27743399.2b/0_8875d_14383ca6_M.jpg ">

Convertit ce qui suit sur la page :



Toutes les fonctionnalités des balises sera abordé dans une leçon séparée : .

16. Balise HTML (formatage du texte)

- pour formater le texte, changer de style, etc. (autorise le style de paramètre, la classe, l'identifiant). Son poids aux yeux des moteurs de recherche est absent, vous pouvez donc l’utiliser autant que vous le souhaitez.

Par exemple, le code html :

Ce texte est vert et sa taille est de 15 pixels

Convertit ce qui suit sur la page :

Note

Une balise similaire est .

17. Balise HTML (création de formulaire)

- créer un formulaire sur la page (autorise le style, paramètre de classe).

Par exemple, saisir un identifiant et un mot de passe, des boutons, n'importe quel formulaire d'inscription - ce sont tous des formulaires.

18. Balise HTML (création de blocs)

- utilisé pour créer des blocs sur la page (autorise le style, paramètre de classe). Auparavant, les tableaux étaient principalement utilisés pour baliser les pages. Une fois le tag apparu, la tâche est devenue plus facile. Presque tous les sites Web contiennent des blocs comme alternative pratique aux tableaux.

HTML est un langage de balisage hypertexte. Il est basé sur ce qu'on appelle des balises. Les balises sont des éléments wrapper qui spécifient le format et les propriétés des éléments de la page Web. Nous avons compilé pour vous une référence à jour des balises HTML sur une seule page.

Il existe au total plus d’une centaine d’éléments de balisage. Chacun possède un certain nombre d’attributs et sa propre syntaxe. La référence des balises HTML vous aidera à trouver rapidement l'élément dont vous avez besoin.

Liste des balises HTML

Le tableau ci-dessous présente une liste de balises HTML5 avec une brève description en russe.

Balise Brève description

	Un commentaire.
	Définit le type de document.
	Lien, hyperlien, ancre.
	Définit le texte comme une abréviation.
	Coordonnées de l'auteur ou du propriétaire du document.
	Définit une zone sur une image cliquable
	Article
	Contenu mis à part (le contenu n'est pas le contenu principal de la page)
	Vous permet d'insérer un fichier audio en cours de lecture.
	Texte en gras.
	Spécifie l'URL de base ou l'attribut cible pour les liens relatifs dans le document.
	Un domaine où l’écriture d’un texte peut prendre une direction différente.
	Définit la direction d’écriture du texte. Contrairement à la direction, la direction physique est indiquée
	Citation.
	Spécifie la zone du corps du document.
	Saut de ligne.
	Bouton cliquable
	Utilisé pour dessiner des graphiques à l'aide de scripts
	Signature du tableau.
	Note de bas de page au titre du document.
	Utilisé pour insérer du code informatique sous forme de texte.
	Spécifie les caractéristiques des colonnes du tableau.
	Définit un groupe d'une ou plusieurs colonnes de tableau à formater.
	Utilisé pour définir des options prédéfinies parmi lesquelles choisir lorsque vous tapez dans un champ de texte
	Définit la description d'un terme à partir d'une balise dans une liste de termes
	Texte qui a été supprimé dans la nouvelle version du document.
	Définit des informations supplémentaires que l'utilisateur peut afficher ou masquer
	Indique que le contenu est un terme.
	Définit une boîte de dialogue ou un élément interactif
	Un élément de bloc est l'un des principaux éléments de mise en page.
	Définit une liste de définitions
	Nom du terme dans la liste des définitions
	texte surligné pour sa signification (généralement texte en italique).
	Conteneur pour application externe
	Groupe d'éléments liés dans un formulaire
	Titre de l'élément
	Définit un groupe autonome de plusieurs éléments (par exemple, une image avec une légende)
	bas de page
	Définit un formulaire de saisie utilisateur
-	En-têtes HTML de différents niveaux : , , , , , .
	Spécifie la zone d'en-tête du document.
	Bloc d'en-tête
	La ligne horizontale est un séparateur thématique.
	Élément racine. Indique au navigateur que le document donné est un document HTML.
	Texte en italique.
	Définit un cadre en ligne
	Image, image.
	Champ de saisie
	Texte qui a été ajouté à la nouvelle version du document.
	Texte saisi à partir du clavier ou noms des boutons du clavier. Généralement en police monospace.
	Libellé du champ de saisie. Indique la liaison d'un élément (généralement du texte) à un champ de saisie.
	En-tête d'élément
	Élément de liste
	Définit une liaison de ressource externe (le plus souvent une liaison de feuille de style CSS)
	Contenu principal
	Conteneur pour . Définit une carte personnalisée sur une image
	Texte sélectionné (généralement en utilisant la surbrillance de l'arrière-plan).
	Conteneur pour une liste d'éléments de menu
	Définit les éléments que l'utilisateur peut appeler à partir du menu contextuel
	Utilisé pour définir les métadonnées du document.
	Compteur de valeurs dans une plage donnée
	Conteneur pour les éléments de navigation
	Contenu alternatif pour les utilisateurs ayant désactivé les scripts
	Définit un objet intégré
	Définit une liste numérotée
	Définit un groupe d'options associées dans une liste déroulante. Donne le nom au groupe
	Paramètre (option de choix) dans la liste déroulante
	Résultat du calcul
	Paragraphe.
	Définit les options pour les objets intégrés
	Conteneur pour plusieurs images
	Texte préformaté.
	Barre de progression
	Citation dans le texte.
	Texte alternatif si le navigateur ne prend pas en charge le .
	Annotation pour le contenu de la balise.
	Conteneur pour les symboles et leur décodage (principalement pour les symboles d'Asie de l'Est, les hiéroglyphes).
	Texte barré.
	Texte résultant d'un programme informatique (généralement en police monospace).
	Définit un script ou une connexion de script à partir d'une ressource externe.
	Chapitre
	Définit une liste déroulante
	Texte dans une taille de police plus petite.
	Définit une ressource pour , et .
	Élément en ligne.
	Texte mis en valeur par son sens. Généralement affiché en gras.
	Définit un conteneur pour définir les styles de document
	Affiche le texte sous forme d'indice.
	Se diriger à l'intérieur d'une balise
	Affiche le texte en exposant.
Définit une table. Définit une zone de contenu dans un tableau. Cellule dans le tableau . Champ de saisie multiligne Définit un groupe de lignes en bas d'un tableau - bas de page. Plus de détails Un endroit où un saut de ligne est autorisé. Balises HTML héritées Comment remplacer la balise HTML obsolète ? Dans la plupart des cas, les feuilles de style en cascade CSS feront l'affaire. Il existe également des alternatives aux balises non utilisées dans la nouvelle spécification HTML. Le tableau ci-dessous présente les balises HTML obsolètes avec des options pour les remplacer. Balise Brève description Acronyme. Utilisez plutôt une balise Applet intégré. Utilisez ou à la place. Spécifie la couleur, la taille et la famille de polices de tout le texte du document. Utilisez-le à la place Texte plus grand. Utilisez-le à la place Texte centré. Utilisez-le à la place Liste des répertoires. Utiliser au lieu de lui Spécifie la couleur, la taille et la famille de la police. Utilisez-le à la place Cadre à l'intérieur. Utilisez-le à la place Définit un jeu de cadres. Pour ajouter plusieurs cadres en ligne, utilisez plusieurs éléments Texte alternatif si les frames ne sont pas pris en charge Texte barré. Utiliser ou à la place Texte monospace. Utilisez-le à la place Texte souligné. Utilisez-le à la place Les balises HTML de base sont la base sur laquelle presque tous les sites Web/blogs sont construits. À partir de cet article, vous apprendrez exactement les 20 % de balises dont vous aurez toujours besoin. Comme dans toute langue, et même ici, la règle de Pareto 20/80 s'applique (20 % des choses sont importantes à 80 % pour atteindre le résultat souhaité), ce qui signifie qu'il suffit de connaître seulement 20 % des codes pour y parvenir en toute confiance. vos objectifs dans la création de sites Web. HTML n'est pas un langage de programmation, car c'est un langage de balisage hypertexte, qui parle de lui-même, il permet de baliser des blocs sur les pages pour un affichage correct, et de baliser le texte des pages Web. Il sert également à créer des liens d’une page du site à une autre. Tous les liens sur Internet sont créés à partir de la partie hypertexte du code html. - c'est le langage le plus simple ! Si vous décidez de l'étudier, il est important de comprendre dès le début qu'il ne présente aucune difficulté. Nous pouvons affirmer avec certitude que les enfants ont beaucoup plus de difficultés dans les cours d'informatique à l'école. Alors, commençons. Il est préférable d'écrire les codes dans un bloc-notes, qui est inclus dans les programmes standards du système d'exploitation Windows, ou dans le programme gratuit « Notepad + + ». Tout d’abord, définissons ce qu’est une balise. Une balise est une cellule du langage HTML lui-même, à partir de laquelle elle est généralement construite. À l'aide de balises, les navigateurs comprennent comment afficher le texte et où insérer les images. Les balises sont les éléments de balisage eux-mêmes. Balises HTML pour créer un cadre de site Web Les balises peuvent être appariées ou non. Les paires s'ouvrent et se ferment, c'est-à-dire que celles qui se ferment contiennent une barre oblique inverse « / ». La première chose qui devrait figurer dans tout document HTML lors de la création d’une page de blog est : ). Balises HTML de base Puisque les balises constituent la base du langage de balisage, il n’est pas surprenant qu’elles soient nombreuses. Examinons les balises principales et les plus importantes. - une seule balise contenant un commentaire. Un commentaire est un texte qui n'est pas traité par le navigateur. Vous pouvez écrire ce que vous voulez à l'intérieur de la balise, même d'autres balises - elles ne fonctionneront pas, elles n'apparaîtront pas à l'écran. Les développeurs commentent le code soit pour permettre aux autres webmasters de le comprendre plus facilement, soit pour qu'après une longue période, ils puissent le comprendre rapidement eux-mêmes. , , , , sont des balises qui devraient être présentes dans tout document HTML décent (pour plus de détails, voir « Comment créer un site Web dans le Bloc-notes »). - la balise contient des informations auxiliaires pour les navigateurs et les moteurs de recherche. À l'intérieur, vous pouvez écrire des mots-clés, une description de page, l'encodage du document, le nom de l'auteur, etc. contient un lien vers le fichier de script ou le code lui-même. - une balise qui définit le style du document et/ou de ses éléments en utilisant CSS. Un document HTML peut contenir de nombreuses balises qui définissent différents styles pour différentes parties de la page. - tout le contraire, en le complétant. La balise spécifie « l’en-tête » (titre) d’une section ou de la page entière. stocke les « jambes » d'un site ou d'une section. À l’intérieur, vous pouvez placer des informations complémentaires, des droits d’auteur, des informations de contact, etc. contient le contenu principal de la page. Ni l'en-tête, ni le bloc de menu, ni les « jambes » du site, mais pourquoi la page a été créée. Par exemple, sur la page que vous lisez actuellement, cet article devrait se trouver à l'intérieur. conçu pour créer des liens. Les liens sont la racine de l’hypertexte, c’est pourquoi cet article leur est dédié. nécessaire pour ajouter des images à une page Web (à votre service est dédié à cette action). , , - , , , , , , et d'autres balises de formatage de texte constituent un grand groupe de balises HTML ; elles sont abordées dans l'article « Formatage du texte en HTML ». - élément de bloc. Le texte à l'intérieur est formaté à l'aide de CSS (feuilles de style en cascade, qui font l'objet de la deuxième partie du tutoriel). . Vous avez un paragraphe ou bloquer Le texte qu'il contient est conçu dans le même style, mais vous souhaiteriez, sans perturber la structure, vous assurer que plusieurs mots ont une taille ou une couleur de police différente. C'est à de telles situations que la balise est destinée. , , - liste des balises. Marqué, numéroté - le travail de ces balises. Il existe également des listes de définitions dont les balises sont responsables, mais vous en apprendrez plus sur ces six en détail dans l'article « Création de listes ». , , , sont utilisés lors de la création de tableaux et sont discutés en détail dans un article séparé. - une balise qui ajoute de l'interactivité à une page, c'est-à-dire permettant à l'utilisateur d'interagir avec le site Web. Bien sûr, le formulaire a besoin d'un gestionnaire, mais avec l'aide des balises à l'intérieur, vous pouvez créer une interface. Les cases à cocher, les boutons, les boutons radio, les champs de saisie et autres objets qui nécessitent des actions actives de votre part sont tous des éléments de formulaire dont le code est placé dans un conteneur. - une balise qui crée un bouton interactif. Pour que quelque chose se passe lorsque vous cliquez dessus, le bouton doit être sous la forme (situé entre les balises). crée des éléments de formulaire : commutateurs, cases à cocher, boutons, toutes sortes de champs de saisie. Inséré dans un conteneur. Mais pourquoi en avons-nous besoin s’il en existe un universel ? permet de créer un bouton avec des paramètres avancés. Par exemple, vous pouvez placer une image sur un bouton. Cela ne peut pas être fait sur un élément créé via . et - des balises de création de menu en HTML 5. - il s'agit d'un conteneur à l'intérieur duquel sont placés des éléments dont l'ajout conduit à la création d'éléments de menu. Un couple assez intéressant. Par exemple, avec son aide, vous pouvez créer votre propre menu contextuel pour une page ou son élément individuel. - une autre balise de formulaire qui crée un grand champ dans lequel vous pouvez saisir non seulement une ligne de texte, mais des paragraphes entiers. Les balises HTML sont la base du langage HTML. Les balises sont utilisées pour délimiter le début et la fin des éléments dans le balisage. Chaque document HTML se compose d'une arborescence d'éléments HTML et de texte. Chaque élément HTML est identifié par une balise de début (ouverture) et de fin (fermeture). Les balises d'ouverture et de fermeture contiennent le nom de la balise. Tous les éléments HTML sont divisés en cinq types : éléments vides - , , , , , , , , , Et Utilisé pour stocker des informations supplémentaires sur la page. Ces informations sont utilisées par les navigateurs pour traiter la page et par les moteurs de recherche pour l'indexer. Il peut y avoir plusieurs balises dans un bloc, car selon les attributs utilisés elles portent des informations différentes. Indicateur de mesure dans une plage donnée. Une section d'un document contenant des liens de navigation pour le site. Définit une section qui ne prend pas en charge les scripts. Conteneur pour intégrer du multimédia (par exemple audio, vidéo, applets Java, ActiveX, PDF et Flash). Vous pouvez également insérer une autre page Web dans le document HTML actuel. La balise sert à transmettre les paramètres du plugin. Liste numérotée ordonnée. La numérotation peut être numérique ou alphabétique. Un conteneur avec un titre pour un groupe d'éléments. Spécifie une option/une option à sélectionner dans la liste déroulante , ou . Champ d'affichage du résultat d'un calcul calculé à l'aide du script. Paragraphes dans le texte. Définit les paramètres des plugins intégrés à l'aide de l'élément. Un élément conteneur contenant un élément et zéro ou plusieurs éléments. En soi, il n'affiche rien. Permet au navigateur de sélectionner l'image la plus appropriée. Produit du texte sans formatage, en préservant les espaces et les sauts de texte. Peut être utilisé pour afficher du code informatique, des messages électroniques, etc. Un indicateur de l’achèvement d’une tâche de toute nature. Définit une courte citation. Conteneur pour les symboles d'Asie de l'Est et leur décodage. Définit son texte imbriqué comme composant de base de l'annotation. Ajoute une brève description au-dessus ou en dessous des caractères contenus dans l'élément, affichés dans une police plus petite. Marque le texte incorporé comme annotation supplémentaire. Affiche un texte alternatif si le navigateur ne prend pas en charge l'élément. Affiche le texte qui n'est pas à jour avec un barré. Utilisé pour afficher le texte représentant le résultat du code du programme ou de l'exécution du script, ainsi que les messages système. Affiché en police monospace. Utilisé pour définir un script côté client (généralement JavaScript). Contient soit du texte de script, soit pointe vers un fichier de script externe à l'aide de l'attribut src. Définit une zone logique (section) d'une page, généralement avec un en-tête. Un élément de contrôle qui vous permet de sélectionner des valeurs dans un ensemble proposé. Les valeurs des variantes sont placées dans . Affiche le texte dans une taille de police plus petite. Spécifie l'emplacement et le type de ressources multimédia alternatives pour le , , . Conteneur pour les éléments en ligne. Peut être utilisé pour formater des passages de texte, par exemple pour mettre en évidence des mots individuels. Met l'accent sur le texte, en le mettant en gras. Comprend des feuilles de style intégrables. Spécifie l'écriture en indice des symboles, par exemple l'index des éléments dans les formules chimiques. Crée un titre visible pour la balise. Affiché avec un triangle rempli, cliquer dessus permet de visualiser les détails du titre. Spécifie l'orthographe en exposant des caractères. ARTICLES LIÉS Retour Plan du site À propos du site Balise pour créer un tableau. Définit le corps du tableau. Crée une cellule de tableau. Utilisé pour déclarer des fragments de code HTML pouvant être clonés et insérés dans un document par un script. Le contenu d’une balise n’en est pas un enfant. Crée de grands champs de saisie de texte. Définit le pied de page du tableau. Crée un titre de cellule de tableau. Définit le titre du tableau. Définit la date/heure. Le titre d'un document HTML qui apparaît en haut de la barre de titre du navigateur. Peut également apparaître dans les résultats de recherche, cela doit donc être pris en compte lors de la fourniture d'un titre. Crée une ligne de tableau. Ajoute des sous-titres pour les éléments et . Met en surbrillance un passage de texte en le soulignant, sans emphase supplémentaire. Crée une liste à puces. Met en évidence les variables des programmes en les affichant en italique. Ajoute des fichiers vidéo à la page. Prend en charge 3 formats vidéo : MP4, WebM, Ogg. Indique au navigateur où une longue ligne pourrait se rompre.