Tableau récapitulatif des balises HTML & HTML5
| Balise | Nom | Utilité / Description | Exemple |
|---|---|---|---|
<!DOCTYPE html> |
Type de document | Indique que le document est en HTML5. | <!DOCTYPE html> |
<html> |
Document HTML | Conteneur principal de la page. | <html>...</html> |
<head> |
En-tête | Métadonnées, scripts, CSS… | <head>...</head> |
<body> |
Corps | Contenu affiché visuellement. | <body>...</body> |
<header> |
En-tête | Titre, logo, menu principal. | <header>...</header> |
<footer> |
Pied de page | Informations bas de page. | <footer>...</footer> |
<nav> |
Navigation | Menus / liens principaux. | <nav>...</nav> |
<main> |
Contenu principal | Zone centrale unique de la page. | <main>...</main> |
<section> |
Section | Regroupe les parties d’un sujet. | <section>...</section> |
<article> |
Article | Contenu indépendant (blog, news…) | <article>...</article> |
<aside> |
Aside | Informations secondaires (sidebar). | <aside>...</aside> |
<figure> |
Figure | Encadrement d’image ou média. | <figure>...</figure> |
<figcaption> |
Légende | Description d’une figure. | <figcaption>Texte</figcaption> |
<p> |
Paragraphe | Bloc de texte. | <p>Texte</p> |
<h1> – <h6> |
Titres | Hiérarchie des titres. | <h1>Titre</h1> |
<strong> |
Important | Mise en valeur (gras). | <strong>Texte</strong> |
<em> |
Emphase | Mise en italique. | <em>Texte</em> |
<br> |
Saut de ligne | Retour à la ligne forcé. | Texte<br>Suite |
<img> |
Image | Affiche une image. | <img src="photo.jpg" alt=""> |
<video> |
Vidéo | Ajoute une vidéo. | <video controls></video> |
<audio> |
Audio | Ajoute un son. | <audio controls></audio> |
<ul> |
Liste puces | Liste non ordonnée. | <ul><li>Item</li></ul> |
<ol> |
Liste numérotée | Étapes / ordres. | <ol><li>1</li></ol> |
<li> |
Élément liste | Un élément de liste. | <li>Texte</li> |
