Memento balises HTML

Balises de premier niveau

Les balises de premier niveau sont les principales balises qui structurent une page HTML. Elles sont indispensables pour réaliser le « code minimal » d’une page web.

Balise	Description
	Balise principale
	En-tête de la page
	Corps de la page

Code minimal d’une page HTML :

Titre

Balises d’en-tête

Balise	Description
	Liaison avec une feuille de style
	Métadonnées de la page web (charset, mots-clés, etc.)
	Code JavaScript
	Code CSS
	Titre de la page

Balises de structuration du texte

Balise	Description
	Abréviation
	Citation (longue)
	Citation du titre d’une œuvre ou d’un évènement
	Citation (courte)
	Exposant
	Indice
	Mise en valeur forte
	Mise en valeur normale
	Mise en valeur visuelle
	Titre de niveau 1
	Titre de niveau 2
	Titre de niveau 3
	Titre de niveau 4
	Titre de niveau 5
	Titre de niveau 6
	Image
	Figure (image, code, etc.)
	Description de la figure
	Son
	Vidéo
	Format source pour les balises et
	Lien hypertexte
	Retour à la ligne
	Paragraphe
	Ligne de séparation horizontale
	Adresse de contact
	Texte supprimé
	Texte inséré
	Définition
	Saisie clavier
	Affichage formaté (pour les codes sources)
	Barre de progression
	Date ou heure

Balises de listes

Cette section énumère toutes les balises HTML permettant de créer des listes (listes à puces, listes numérotées, listes de définitions…)

Balise	Description
	Liste à puces, non numérotée
	Liste numérotée
	Élément de la liste à puces
	Liste de définitions
	Terme à définir
	Définition du terme

Balises de tableau

Balise

Description


Tableau

Titre du tableau

Ligne de tableau
		Cellule d’en-tête
		Cellule

Section de l’en-tête du tableau

Section du corps du tableau

Section du pied du tableau

Balises de formulaire

Balise	Description
	Formulaire
	Groupe de champs
	Titre d’un groupe de champs
	Libellé d’un champ
	Champ de formulaire (texte, mot de passe, case à cocher, bouton, etc.)
	Zone de saisie multiligne
	Liste déroulante
	Élément d’une liste déroulante
	Groupe d’éléments d’une liste déroulante

Balises sectionnantes

Ces balises permettent de construire le squelette de notre site web.

Balise	Description
	En-tête
	Liens principaux de navigation
	Pied de page
	Section de page
	Article (contenu autonome)
	Informations complémentaires

Balises génériques

Les balises génériques sont des balises qui n’ont pas de sens sémantique.

En effet, toutes les autres balises HTML ont un sens :

signifie « Paragraphe », signifie « Sous-titre », etc.
Parfois, on a besoin d’utiliser des balises génériques (aussi appelées balises universelles) car aucune des autres balises ne convient. On utilise le plus souvent des balises génériques pour construire son design.

Il y a deux balises génériques : l’une est inline, l’autre est block.

Balise

Description

Balise générique de type inline

Balise générique de type block

Ces balises ont un intérêt uniquement si vous leur associez un attribut class, id ou style :

class: indique le nom de la classe CSS à utiliser.
id: donne un nom à la balise. Ce nom doit être unique sur toute la page car il permet d’identifier la balise. Vous pouvez vous servir de l’ID pour de nombreuses choses, par exemple pour créer un lien vers une ancre, pour un style CSS de type ID, pour des manipulations en JavaScript, etc.
style: cet attribut vous permet d’indiquer directement le code CSS à appliquer. Vous n’êtes donc pas obligés d’avoir une feuille de style à part, vous pouvez mettre directement les attributs CSS. Notez qu’il est préférable de ne pas utiliser cet attribut et de passer à la place par une feuille de style externe, car cela rend votre site plus facile à mettre à jour par la suite.

Ces trois attributs ne sont pas réservés aux balises génériques : vous pouvez aussi les utiliser sans aucun problème dans la plupart des autres balises.