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

    1. É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.