Mémento

Code minimal d'une page web au format HTML

<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8" />
      <title>Titre de la page affiché dans la barre du navigateur</title>
   </head>

   <body>

   </body>
</html>

Commentaires

<!-- Mon premier commentaire -->

Balises générales

Balise Description Auto-fermante ?
<html> Balise principale, elle est obligatoire au début et à la fin de la page  Non
<head> En-tête de la page. Le contenu de cette balise ne s'affiche pas  Non
<body> Encadre le contenu de la page  Non

Balises de l'en-tête

Balise Description Auto-fermante ?
<link /> Déclaration d'une feuille de style (CSS)  Oui
<meta /> Métadonnées de la page HTML  Oui
<script> Déclaration d'un fichier JavaScript (JS)  Non
<title> Titre de la page HTML  Non

Balises génériques ou universelles

Les balises génériques ou universelles sont des balises qui n'ont pas de sens sémantique. En effet, toutes les autres balises ont un sens. La balise <p> représente un paragraphe, la balise <time> une date ou heure, etc. Ces balises sont utilisées pour la construction d'un site quand aucune autre balise plus sémantique n'est possible.

Balise Description Auto-fermante ?
<div> Balise générique, sans sens sémantique, de type block  Non
<span> Balise générique, sans sens sémantique, de type inline  Non

Balises de structation du texte

Balise Description Auto-fermante ?
<abbr> Abréviation  Non
<blockquote> Citation longue  Non
<q> Citation courte  Non
<strong> Mise en valeur forte  Non
<h1> Titre de niveau 1. On compte seulement une balise <h1> par page  Non
<h2> Titre de niveau 2. Il peut y avoir plusieurs <h2> par page  Non
<h3> Titre de niveau 3. Il peut y avoir plusieurs <h3> par page  Non
<h4> Titre de niveau 4. Il peut y avoir plusieurs <h4> par page  Non
<h5> Titre de niveau 5. Il peut y avoir plusieurs <h5> par page  Non
<h6> Titre de niveau 6  Non
<p> Paragraphe de texte. Cette balise peut en contenir d'autres mais pas la totalité  Non
<a> Lien hypertexte  Non
<img /> Image  Oui
<video> Vidéo  Non
<time> Date ou heure  Non
<s> Texte barré  Non
<sub> En indice  Non
<sup> En exposant  Non
<hr /> Barre horizontale / rupture thématique  Oui

Balises pour la gestion des listes

Balise Description Auto-fermante ?
<ul> Liste à puces, non numérotée  Non
<ol> Liste numérotée  Non
<li> Élément d'une liste  Non

Balises structurantes ou sectionnantes

Ces balises permettent de structurer le site web et apportent une touche de sémantique.

Balise Description Auto-fermante ?
<header> Partie supérieure de la page, en-tête  Non
<footer> Pied de page  Non
<nav> Navigation  Non
<aside> Contenus complémentaires  Non
<article> Article  Non
<section> Section d'une page. Il peut y avoir N sections par page  Non

Balises pour les tableaux

Ces balises permettent de structurer les tableaux en HTML5.

Balise Description Auto-fermante ?
<table> Déclaration d'un tableau  Non
<tr> Ligne d'un tableau  Non
<td> Cellule d'un tableau  Non
<th> Cellule d'en-tête d'un tableau  Non
<thead> Entoure la ou les lignes d'en-têtes des colonnes du tableau  Non
<tbody> Entoure la ou les lignes du corps du tableau  Non
<tfoot> Entoure la ou les lignes du pied du tableau  Non

Balises pour les formulaires

Ces balises permettent de structurer les formulaires en HTML5. On retrouve des listes déroulantes, des zones de textes mais également des cases à cocher ou encore des boutons radio.

Balise Description Auto-fermante ?
<form> Déclaration d'un formulaire  Non
<label> Intitulé du champ du formulaire  Non
<input /> Champ d'un formulaire. L'attribut type="" permet de faire différent type de champ (text, password, submit, etc.)  Oui
<select> Liste déroulante  Non
<option> Élément d'une liste déroulante  Non
<button> Bouton pour un formulaire  Non
<textarea> Zone de saisie de texte multiligne  Non
<fieldset> Groupe de champ d'un formulaire  Non
<legend> Libellé du <fieldset>  Non