Memento des balises HTML

Une liste des balises principales.

Table 1.
Balise de premier niveau
Balises	Description
`<html>`	Balise principale
`<head>`	En-tête de la page
`<body>`	Corps de la page

Table 2.
Balises d'entête
Balises	Description
`<link>`	Liaison avec une feuille de style (autofermante)
`<meta >`	Métadonnées de la page web (charset, description, etc.)
`<script>`	Code JavaScript
`<style>`	Code CSS
`<title>`	Titre de la page

Table 3.
Balises structurelles de texte
Balise	Description
`<abbr>`	Abréviation
`<blockquote>`	Citation (longue)
`<cite>`	Citation du titre d'une œuvre ou d'un évènement
`<q>`	Citation (courte)
`<sup>`	Exposant
`<sub>`	Indice
`<strong>`	Mise en valeur forte
`<em>`	Mise en valeur normale
`<b>`	Mise en valeur graphique (bold)
`<i>`	Mise en valeur graphique (italic)
`<mark>`	Mise en valeur visuelle
`<h1>`	Titre de niveau 1
`<h2>`	Titre de niveau 2
`<h3>`	Titre de niveau 3
`<h4>`	Titre de niveau 4
`<h5>`	Titre de niveau 5
`<h6>`	Titre de niveau 6
`<font>`	pour ouvrir des attributs (face,size)
`<img>`	Image (balise autofermante)
`<figure>`	Figure (image, code, etc.)
`<figcaption>`	Description de la figure
`<audio>`	Son
`<video>`	Vidéo
`<source>`	Format source pour les balises <audio> et <video>
`<a>`	Lien hypertexte
`<br>`	Retour à la ligne (balise autofermante)
`<p>`	Paragraphe
`<hr>`	Ligne de séparation horizontale (balise autofermante)
`<address>`	Adresse de contact
`<del>`	Texte supprimé
`<ins>`	Texte inséré
`<dfn>`	Définition
`<kbd>`	Saisie clavier
`<pre>`	Affichage formaté (pour les codes sources)
`<progress>`	Barre de progression
`<time>`	Date ou heure

Table 4.
Balises de liste
Balise	Description
`<ul>`	Liste à puces, non numérotée
`<ol>`	Liste numérotée
`<li>`	Élément de la liste
`<dl>`	Liste de définitions
`<dt>`	Terme à définir
`<dd>`	Définition du terme

Table 5.
Balises de tableaux
Balise	Description
`<table>`	Tableau
`<caption>`	Titre du tableau
`<tr>`	Ligne de tableau
`<th>`	Cellule d'en-tête
`<td>`	Cellule
`<thead>`	Section de l'en-tête du tableau
`<tbody>`	Section du corps du tableau
`<tfoot>`	Section du pied du tableau

Table 6.
Balises de formulaires
Balise	Description
`<form>`	Formulaire
`<fieldset>`	Groupe de champs
`<legend>`	Titre d'un groupe de champs
`<label>`	Libellé d'un champ
`<input>`	Champ de formulaire (texte, mot de passe, case à cocher, bouton, etc.) Autofermante
`<textarea>`	Zone de saisie multiligne
`<select>`	Liste déroulante
`<option>`	Élément d'une liste déroulante
`<optgroup>`	Groupe d'éléments d'une liste déroulante

Table 7.
Balises sectionnantes
Balise	Description
`<header>`	En-tête
`<nav>`	Liens principaux de navigation
`<footer>`	Pied de page
`<section>`	Section de page
`<article>`	Article (contenu autonome)
`<aside>`	Informations complémentaire

Table 8.
Balises génériques
Balise	Description
`<span>`	Balise générique de type inline
`<div>`	Balise générique de type block

Memento des attributs

Chaque élément HTML peut avoir un ou plusieurs attributs. Ces attributs sont des valeurs supplémentaires qui permettent de configurer les éléments ou d'adapter leur comportement.

Table 9.
Attributs de balise de tableaux
Attributs	Description
`border`	épaisseur de la bordure du tableau
`cellspacing`	espace entre les cellules du tableau
`cellpading`	espace entre le texte et le bord des cellules
`width`	largeur du tableau ou de cellule
`height`	hauteur du tableau ou de ligne
`bordercolor`	couleur des bordures du tableau
`bgcolor`	couleur du fond du tableau
`colspan`	réunion de plusieurs cellules en largeur
`rowspan`	réunion de plusieurs cellules en hauteur
`align`	alignement horizontal du contenu de la cellule
`valign`	alignement vertical du contenu de la cellule
`bgcolor`	couleur du fond de la cellule

Table 10.
Attributs de balise d'images et de liens
Attributs	Description
`src`	localisation et nom du fichier image
`width`	largeur de l'image
`height`	hauteur de l'image
`alt`	Un texte alternatif à afficher lorsque l'élément ne peut pas être affiché.
`align`	alignement du texte par rapport a l'image
`usemap`	nom de la carte d'image réactive utilisée
`href`	localisation du lien

Table 11.
Attributs universels
Attributs	Description
`accesskey`	Cet attribut permet de définir un raccourci clavier pour activer un élément ou lui passer le focus.
`class`	Cet attribut permet de définir la ou les classes auxquelles appartient un élément afin de le manipuler en script ou de le mettre en forme avec CSS.
`contenteditable`	Cet attribut indique si le contenu de l'élément peut être édité.
`contextmenu`	Cet attribut fait référence à l'identifiant d'un élément `<menu>` qui sera utilisé comme menu contextuel pour l'élément.
`dir`	Cet attribut définit la direction du texte (gauche à droite ou droite à gauche).
`hidden`	Cet attribut empêche le rendu d'un élément sur une page tout en conservant les éléments fils actifs.
`id`	Cet attribut permet d'identifier un élément d'un document de façon unique. Il est généralement utilisé pour manipuler l'élément avec des scripts ou pour le mettre en forme avec CSS.
`lang`	Cet attribut définit la langue utilisée dans l'élément.
`style`	Cet attribut définit des styles CSS qui auront la priorité sur ceux définis précédemment. Il ne devrait être utilisé qu'à des fins de tests car il est conseillé d'utiliser un/des fichier(s) à part pour gérer la mise en forme.
`tabindex`	Cet attribut permet de modifier l'ordre dans la navigation à la tabulation.
`title`	Cet attribut définit un texte expliquant le contenu de l'élément et qui est généralement affiché sous la forme d'une bulle d'information au survol de l'élément.