Tableau des tags HTML
Le tableau inclus une liste catégorisée des éléments HTML avec la courte description des valeurs.
Les tags de base
| Tag | Description |
|---|---|
| <!DOCTYPE> | Définit le type du document. |
| <html> | Définit, que le document est écrit en langage HTML. |
| <head> | Contient d’informations de technique et de système sur le document. (métadonnées.) |
| <title> | Définit le titre du document. |
| <body> | Définit le corps (contenu principal) du document HTML. |
| <h1> to <h6> | Définit Les titres HTML (du premier niveau au sixième). |
| <p> | Définit le paragraphe. |
| <br> | Définit le saut de ligne. |
| <hr> | Crée une ligne horizontale, ou définit la division thématique du contenu sur la page. |
| <!-- ... --> | Définit les commentaires. |
Tags de mise en forme
Les tags de mise en forme sont utilisés pour la sélection visuelle et logique des fragments de texte.
| Tag | Description |
|---|---|
| <acronym> | Définit un acronyme. Non supporté en HTML5. |
| <abbr> | Définit une abréviation ou un acronyme. |
| <address> | Contient les coordonnées de l'auteur / propriétaire du document / article. |
| <b> | Définit le soulignement en gras du texte. |
| <bdi> | Isole un morceau de texte pouvant être formaté dans une autre direction, ce qui permet aux navigateurs de gérer correctement le texte bidirectionnel.
Nouvel élément en HTML5. |
| <bdo> | Redéfinit la direction actuelle du texte. |
| <big> | Définit une police plus grande. Non supporté en HTML5․ Il est recommandé d’utiliser les styles CSS. |
| <blockquote> | Définit une longue citation. |
| <center> | Définit le texte aligné au centre. Non supporté en HTML5․ Il est recommandé d’utiliser les styles CSS. |
| <cite> | Marque le texte comme une citation ou une note de bas de page à un autre matériel. |
| <code> | Définit le fragment du code informatique. |
| <del> | Définit le texte supprimé. |
| <dfn> | Contient la definition des termes ou des mots. Par défaut, en italique. |
| <em> | Utilisé pour accentuer un fragment du texte. En italique. |
| <font> | Définit la police, le couleur et la taille du texte. Non supporté en HTML5․ Il est recommandé d’utiliser les styles CSS. |
| <i> | Met en évidence un fragment de texte en italique. |
| <ins> | Définit le texte inséré, qui est souligné. |
| <kbd> | Définit les frappes de saisie de l'utilisateur ou le texte saisi sur le clavier. |
| <mark> | Contient le texte, qui est mis en évidence/illuminé.
Nouvel élément en HTML5. |
| <meter> | Définit une valeur scalaire dans la même plage ou une représentation graphique du nombre fractionnaire. |
| <pre> | Définit un texte préformaté. |
| <progress> | Indique des indicateurs de progression pour la tâche (progress bar). Nouvel élément en HTML5. |
| <q> | Définit une courte citation. |
| <rp> | Contient un texte alternatif, qui est affiché dans le navigateur, ne supportant le tag <ruby>. Nouvel élément en HTML5. |
| <rt> | Contient des annotations au-dessus ou au-dessous du texte contenu dans la balise <ruby> (pour les langues asiatiques occidentales). Nouvel élément en HTML5. |
| <ruby> | Contient des annotations au-dessus ou au-dessous du texte contenu dans la balise <ruby> (pour les langues asiatiques orientales). Nouvel élément en HTML5. |
| <s> | Contient un texte, qui n’est plus actuel. |
| <samp> | Contient la sortie d'un programme informatique ou d'un script. |
| <small> | Définit un texte écrit en petit police. |
| <strike> | Contient un texte barré. Non supporté en HTML5. Il est recommandé d’utiliser le tag <del> ou <s>. |
| <strong> | Souligne l'importance du fragment de texte sélectionné. |
| <sub> | Spécifie le texte avec un index inférieur. |
| <sup> | Spécifié le texte avec l'exposant. |
| <template> | Définit un modèle. |
| <time> | Spécifie l'heure / la date. Nouvel élément en HTML5. |
| <u> | Définit le texte qui est stylistiquement différent du texte brut. |
| <var> | Définit les valeurs mathématiques / variables. |
| <wbr> | Indique au navigateur que, si nécessaire, on peut effectuer un saut de ligne. Nouvel élément en HTML5. |
Tags des formulaires
| Tag | Description |
|---|---|
| <form> | Définit le formulaire dans le document. |
| <input> | Définit les contrôles pour la saisie utilisateur de diverses données dans un formulaire. |
| <textarea> | Définit la zone de texte de l'entrée multiligne. |
| <button> | Utilisé pour placer un bouton dans un formulaire. |
| <select> | Définit une liste déroulante. |
| <optgroup> | Combine les éléments associés dans un seul groupe dans la liste déroulante. |
| <option> | Contient les éléments de la liste déroulante. |
| <label> | Définit les étiquettes de texte pour l'élément <input>. |
| <fieldset> | Regroupe les éléments associés dans un formulaire. |
| <legend> | Définisse l'en-tête pour la balise <fieldset>. |
| <datalist> | Contient une liste d'options de saisie prédéfinies.
Nouvel élément en HTML5. |
| <keygen> | Génère une paire de clés (publiques et privées) utilisées pour chiffrer et déchiffrer les données de formulaire.
Nouvel élément en HTML5. |
| <output> | Spécifie la zone pour la sortie du résultat du calcul.
Nouvel élément en HTML5. |
Tags pour les cadres
| Tag | Description |
|---|---|
| <frame> | Définit la zone des cadres.
Non supporté en HTML5․ |
| <frameset> | Définit la structure des cadres. Non supporté en HTML5․ |
| <noframes> | Spécifie le contenu de remplacement à afficher pour les utilisateurs si les cadres sont désactivés ou pas du tout pris en charge. Non supporté en HTML5․ |
| <iframe> | Définit une zone du document dans laquelle le contenu d'un document unique peut être affiché. |
Tags des images
| Tag | Description |
|---|---|
| <img> | Définit une image. |
| <map> | Définit une carte d’image. |
| <area> | Définit une zone interactive à l'intérieur de la carte d'image. |
| <canvas> | Crée une image en deux dimensions raster à l'aide de scripts (généralement en langage JavaScript). Nouvel élément en HTML5. |
| <figcaption> | Contient le titre de l’élément <figure>. Nouvel élément en HTML5. |
| <figure> | Contient du contenu qui illustre ou prend en charge une idée de texte spécifique.
Nouvel élément en HTML5. |
| <picture> | Conteneur pour des éléments <source>, qui contiennent les versions alternatives des images. Nouvel élément en HTML5. |
| <svg> | Conteneur pour le graphique SVG. Nouvel élément en HTML5. |
Tags des fichiers audio / vidéo
| Tag | Description |
|---|---|
| <audio> | Définit le contenu audio. Nouvel élément en HTML5. |
| <source> | Contient plusieurs formats d'éléments de média (<video>, <audio> et <picture>). Nouvel élément en HTML5. |
| <track> | Contient des sous-titres pour les éléments média (<video> et <audio>). Nouvel élément en HTML5. |
| <video> | Définit le contenu vidéo. Nouvel élément en HTML5. |
Tags des liens
| Tag | Description |
|---|---|
| <a> | Définit le hyperlien. |
| <link> | Établit un lien entre le document et une ressource externe (principalement pour référence à des feuilles de style externes). |
| <nav> | Définit des liens pour la navigation. Nouvel élément en HTML5. |
Tags des listes
| Tag | Description |
|---|---|
| <ul> | Définit une liste à puces. |
| <ol> | Définit une liste numérotée. |
| <li> | Définit un élément de liste. |
| <dir> | Définit une liste de noms de répertoires.
Non supporté en HTML5․ |
| <dl> | Définit une liste des définitions. |
| <dt> | Définit un nom/terme dans la liste des définitions. |
| <dd> | Définit une valeur dans la liste des définitions. |
| <menu> | Définit une liste / un menu des commandes (menus contextuels). |
| <menuitem> | Définit un élément du menu contextuel, que l’utilisateur peut appeler.
Nouvel élément en HTML5. |
Tags des tableaux
| Tag | Description |
|---|---|
| <table> | Définit le tableau. |
| <caption> | Définit le nom du tableau. |
| <th> | Définit la cellule d'en-tête dans la table. |
| <tr> | Définit une ligne dans une table. |
| <td> | Définit la cellule dans la table. |
| <thead> | Définit le titre dans la table, en regroupant le contenu des lignes. |
| <tbody> | Définit le contenu (corps) de la table. |
| <tfoot> | Définit le pied de page du tableau. |
| <col> | Définit les propriétés de colonne pour chaque colonne de la balise <colgroup>. |
| <colgroup> | Définit le groupe de colonnes dans la table. |
Tags pour la stylisation, tags sémantiques
| Tag | Description |
|---|---|
| <style> | Contient un code CSS (style). |
| <div> | Définit une zone dans le document HTML. |
| <span> | Conteneur pour des éléments inline. |
| <header> | Définit l'en-tête, “chapeau” d'une page ou d'une section.
Nouvel élément en HTML5. |
| <footer> | Définit le pied de page d'une page ou d'une section.
Nouvel élément en HTML5. |
| <main> | Définit le contenu principal du document.
Nouvel élément en HTML5. |
| <section> | Regroupe le contenu lié de manière logique / crée des sections de page.
Nouvel élément en HTML5. |
| <article> | Dénote une section de la page qui contient une composition complète indépendante avec sa propre signification.
Nouvel élément en HTML5. |
| <aside> | Définit une section contenant des informations complétant le département principal.
Nouvel élément en HTML5. |
| <details> | Spécifie des détails supplémentaires que l'utilisateur peut afficher ou masquer.
Nouvel élément en HTML5. |
| <dialog> | Crée une boîte de dialogue avec laquelle l'utilisateur travaille directement pour effectuer certaines actions.
Nouvel élément en HTML5. |
| <data> | Contient un analogique informatique du contenu.
Nouvel élément en HTML5. |
| <summary> | Spécifie l'en-tête visible pour la balise <details>.
Nouvel élément en HTML5. |
Tags des métadonnées
| Tag | Description |
|---|---|
| <head> | Contient des informations techniques sur un document qui n'est pas affiché à l'utilisateur. |
| <meta> | Contient des métadonnées sur le document HTML. |
| <base> | Spécifie l'URL absolue de base pour toutes les URL relatives du document. |
| <basefont> | Définit par défaut le couleur, la taille, la police du texte dans un document.
Non supporté en HTML5. |
Tags pour la description des codes et des scripts.
| Tag | Description |
|---|---|
| <script> | Définit la zone pour entrer des scénarios des clients. |
| <noscript> | Définit le contenu alternatif, qui est affiché dans les navigateurs, ne supportant pas des scripts. |
| <applet> | Il est utilisé pour insérer des applets dans le document, de petits programmes écrits en langage Java.
Non supporté en HTML5. |
| <embed> | Conteneur pour le contenu interactif. |
| <object> | Conteneur de contenu multimédia (vidéo, films Flash, applets, images, etc.) |
| <param> | Définit les paramètres des plug-ins intégrés à l'élément <object>. |
Pratiquez vos connaissances
Quels sont les tags HTML qui peuvent être utilisés pour structurer une page Web en sections, tels que mentionnés sur le site w3docs.com?
Correcte!
Incorrecte!