<!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.)