Tableau des balises HTML
Une balise HTML est généralement définie comme un ensemble de caractères qui fournit une commande formatée pour une page web. Les balises donnent des indications sur la structure et la présentation du contenu.
Aux débuts du web, les balises HTML étaient responsables de la majeure partie du code. Cependant, aujourd’hui, leur importance a diminué.
Les balises HTML incluent des balises pour les titres, les tableaux, les références, etc. Une balise HTML possède un nom de balise écrit entre chevrons. Elle peut apparaître par paires, indiquant la balise d’ouverture et la balise de fermeture qui encadrent un texte, un certain morceau de code ou d’autres balises. La balise d’ouverture se compose d’un nom qui peut être suivi d’un ou plusieurs attributs. La balise de fermeture se compose du même nom précédé d’une barre oblique (/).
Ci-dessous, vous trouverez un tableau des balises HTML avec de brèves descriptions.
Balises de base
| Tag | Description |
|---|---|
| <!DOCTYPE> | Définit le type du document. |
<html> | Définit un document HTML. |
<head> | Contient des informations générales (métadonnées) sur le document. |
<title> | Définit un titre du document. |
<body> | Spécifie le corps du document. |
<h1> to <h6> | Définit les titres HTML. |
<p> | Définit un paragraphe. |
<br> | Spécifie un saut de ligne. |
<hr> | Insère une ligne horizontale ou définit une rupture thématique. |
| <!-- ... --> | Définit un commentaire. |
Balises de mise en forme
Les balises de mise en forme sont utilisées pour le style visuel et pour mettre en valeur des fragments de texte.
| Tag | Description |
|---|---|
<acronym> | Définit des acronymes. Non pris en charge en HTML5. La balise <abbr> est utilisée à la place. |
<abbr> | Définit une abréviation ou un acronyme. |
<address> | Spécifie les informations de contact de l’auteur/propriétaire d’un document/article. |
<b> | Affiche le texte en gras. |
<bdi> | Isole un fragment de texte de son environnement pour le formatage bidirectionnel du texte. Nouvel élément en HTML5. |
<bdo> | Remplace le sens actuel du texte. |
<big> | Affiche le texte dans une taille plus grande. Non pris en charge en HTML5. Les styles CSS sont utilisés à la place. |
<blockquote> | Définit une longue citation. |
<center> | Affiche le texte centré. Non pris en charge en HTML5. Les styles CSS sont utilisés à la place. |
<cite> | Décrit une référence (titre, auteur ou URL) à une œuvre citée. |
<code> | Définit un fragment de code informatique. |
<del> | Spécifie un texte supprimé. |
<dfn> | Définit un terme en italique. |
<em> | Spécifie un texte mis en emphase. |
<font> | Définit la police, la couleur et la taille du texte. Non pris en charge en HTML5. Les styles CSS sont utilisés à la place. |
<i> | Affiche le texte en italique. |
<ins> | Définit un texte inséré dans un document. |
<kbd> | Spécifie une saisie au clavier. |
<mark> | Contient un texte marqué/surligné. Nouvel élément en HTML5. |
<meter> | Définit une mesure scalaire dans une plage connue (une jauge). |
<pre> | Définit un texte préformaté. |
<progress> | Indique la progression d’une tâche (barre de progression). Nouvel élément en HTML5. |
<q> | Définit une courte citation. |
<rp> | Contient un texte alternatif à afficher dans les navigateurs qui ne prennent pas en charge le texte <ruby>. Nouvel élément en HTML5. |
<rt> | Définit la prononciation d’un caractère présenté dans une annotation ruby (pour la typographie d’Asie de l’Est). Nouvel élément en HTML5. |
<ruby> | Représente une annotation ruby (pour la typographie d’Asie de l’Est). Nouvel élément en HTML5. |
<s> | Affiche un texte qui n’est plus correct avec un style barré. |
<samp> | Définit un exemple de sortie d’un programme informatique. |
<small> | Affiche le texte dans une taille plus petite. |
<strike> | Définit un texte barré. Non pris en charge en HTML5. Les balises <del> ou <s> sont utilisées à la place. |
<strong> | Définit un texte fortement mis en emphase. |
<sub> | Définit un texte en indice. |
<sup> | Définit un texte en exposant. |
<template> | Définit un modèle. Nouvel élément en HTML5. |
<time> | Définit une date/heure. Nouvel élément en HTML5. |
<tt> | Affiche le texte dans un style télétype. Non pris en charge en HTML5. Les styles CSS sont utilisés à la place. |
<u> | Affiche le texte avec un style différent du texte normal, sous forme soulignée. |
<var> | Définit une variable. |
<wbr> | Définit un éventuel saut de ligne. Nouvel élément en HTML5. |
Balises de formulaire
| Tag | Description |
|---|---|
<form> | Spécifie un formulaire HTML pour la saisie utilisateur. |
<input> | Définit un contrôle de saisie. |
<textarea> | Définit un contrôle de saisie de texte multiligne (zone de texte). |
<button> | Définit un bouton cliquable dans un formulaire HTML. |
<select> | Définit une liste de sélection dans un formulaire. |
<optgroup> | Regroupe des options liées dans une liste de sélection. |
<option> | Définit une option dans une liste de sélection. |
<label> | Définit une étiquette pour un élément <input>. |
<fieldset> | Regroupe des éléments liés dans un formulaire. |
<legend> | Définit un titre pour un élément <fieldset>. |
<datalist> | Contient un ensemble d’options prédéfinies pour un élément <input>. Nouvel élément en HTML5. |
<keygen> | Génère une paire de clés publique-privée pour l’encodage/décodage des données du formulaire. Obsolète et supprimé des normes modernes. |
<output> | Définit le résultat d’un calcul. Nouvel élément en HTML5. |
Balises de cadres
| Tag | Description |
|---|---|
<frame> | Spécifie un cadre unique dans un ensemble de cadres. Non pris en charge en HTML5. |
<frameset> | Spécifie un ensemble de cadres. Non pris en charge en HTML5. |
<noframes> | Contient un contenu alternatif à afficher dans les navigateurs qui ne prennent pas en charge les cadres. Non pris en charge en HTML5. |
<iframe> | Affiche une URL dans un cadre intégré. |
Balises d’image
| Tag | Description |
|---|---|
<img> | Spécifie une image. |
<map> | Spécifie une carte d’image côté client. |
<area> | Définit une zone interactive à l’intérieur d’une carte d’image. |
<canvas> | Définit une zone dans le document où l’on peut dessiner des graphiques à la volée via des scripts (généralement JavaScript). Nouvel élément en HTML5. |
<figcaption> | Définit un titre pour un élément <figure>. Nouvel élément en HTML5. |
<figure> | Définit un contenu autonome. Nouvel élément en HTML5. |
<picture> | Conteneur pour plusieurs ressources d’image spécifiées dans des éléments <source>. Nouvel élément en HTML5. |
<svg> | Conteneur pour les graphiques SVG. Nouvel élément en HTML5. |
Balises audio/vidéo
| Tag | Description |
|---|---|
<audio> | Définit un contenu audio. Nouvel élément en HTML5. |
<source> | Contient des ressources multimédias alternatives pour les éléments multimédias comme <video> ou <audio>. Nouvel élément en HTML5. |
<track> | Contient une piste de texte pour les éléments multimédias (<video> et <audio>). Nouvel élément en HTML5. |
<video> | Définit un contenu vidéo. Nouvel élément en HTML5. |
Balises de lien
| Tag | Description |
|---|---|
<a> | Définit un lien hypertexte. |
<link> | Définit la relation entre le document actuel et une ressource externe (généralement une feuille de style CSS externe). |
<nav> | Définit des liens de navigation. Nouvel élément en HTML5. |
Balises de liste
| Tag | Description |
|---|---|
<ul> | Définit une liste non ordonnée. |
<ol> | Définit une liste ordonnée. |
<li> | Définit un élément de liste. |
<dir> | Définit une liste de répertoires. Non pris en charge en HTML5. |
<dl> | Définit une liste de définitions. |
<dt> | Définit un terme/élément dans une liste de définitions. |
<dd> | Définit une définition pour un terme dans une liste de définitions. |
<menu> | Définit une liste de commandes/un menu contextuel. |
<menuitem> | Définit un élément dans un menu contextuel. Nouvel élément en HTML5. |
Balises de tableau
| Tag | Description |
|---|---|
<table> | Définit un tableau. |
<caption> | Définit un titre du tableau. |
<th> | Définit une cellule d’en-tête dans un tableau. |
<tr> | Définit une ligne de cellules dans un tableau. |
<td> | Définit une cellule dans un tableau. |
<thead> | Regroupe un ensemble de lignes qui décrit les en-têtes de colonnes d’un tableau. |
<tbody> | Regroupe un ensemble de lignes définissant le corps principal des données du tableau. |
<tfoot> | Définit le pied de tableau. |
<col> | Définit des valeurs pour une ou plusieurs colonnes dans un élément <colgroup>. |
<colgroup> | Spécifie un groupe d’une ou plusieurs colonnes dans un tableau pour la mise en forme. |
Balises de style et sémantiques
| Tag | Description |
|---|---|
<style> | Contient des informations de style (généralement CSS). |
<div> | Définit une division ou une section dans un document. |
<span> | Définit une section en ligne sans style dans un document. |
<header> | Définit un en-tête ou une section de contenu introductif. Nouvel élément en HTML5. |
<footer> | Définit le pied de page d’un document ou d’une section. Nouvel élément en HTML5. |
<main> | Spécifie le contenu principal d’un document. Nouvel élément en HTML5. |
<section> | Définit une section d’un document (en-tête, pied de page, etc.). Nouvel élément en HTML5. |
<article> | Définit un article. Nouvel élément en HTML5. |
<aside> | Définit une section contenant des informations vaguement liées au contenu de la page. Nouvel élément en HTML5. |
<details> | Contient des détails supplémentaires que l’utilisateur peut afficher ou masquer. Nouvel élément en HTML5. |
<dialog> | Définit une boîte de dialogue ou une fenêtre. Nouvel élément en HTML5. |
<data> | Définit une traduction lisible par machine du contenu. Nouvel élément en HTML5. |
<summary> | Définit un résumé pour l’élément <details>. Nouvel élément en HTML5. |
Balises de métadonnées
| Tag | Description |
|---|---|
<head> | Contient des informations techniques sur le document, qui ne sont pas affichées à l’utilisateur. |
<meta> | Contient les métadonnées du document. |
<base> | Définit l’URL de base (absolue) pour tous les objets liés sur une page. |
<basefont> | Spécifie la police, la taille et la couleur de base du texte. Non pris en charge en HTML5. |
Balises de script et de programmation
| Tag | Description |
|---|---|
<script> | Contient un script dans le document pour un traitement côté client. |
<noscript> | Définit un contenu alternatif à afficher dans les navigateurs qui ne prennent pas en charge les scripts. |
<applet> | Spécifie une applet intégrée. Non pris en charge en HTML5. |
<embed> | Contient une application externe, généralement du contenu multimédia comme de l’audio ou de la vidéo intégré dans un document HTML. |
<object> | Définit un objet intégré (vidéo, Flash, applets, images, etc.). |
<param> | Définit un paramètre pour un objet ou un élément applet. |
Practice
Which of the following tags are considered as 'Container' tags in HTML?