Balise Description
<!DOCTYPE html> Indique au navigateur que le document utilise HTML5.
<html> Conteneur principal de tout le contenu HTML.
<head> Contient les métadonnées de la page (titre, liens CSS, etc.).
<title> Définit le titre de la page (visible dans l’onglet du navigateur).
<body> Contient tout le contenu visible de la page.
<h1> à <h6> Titres hiérarchiques de la page, <h1> étant le plus important.
<p> Ajoute un paragraphe de texte.
<br> Insère un saut de ligne.
<hr> Insère une ligne horizontale.
<a> Crée un lien hypertexte.
<img> Affiche une image.
<ul> / <ol> Liste non ordonnée (<ul>) ou ordonnée (<ol>).
<li> Élément d’une liste.
<table> Crée un tableau.
<tr> Ligne d’un tableau.
<td> Cellule normale d’un tableau.
<th> Cellule d’en-tête.
<form> Formulaire HTML.
<input> Champ de saisie dans un formulaire.
<textarea> Zone de texte multi-lignes.
<button> Bouton cliquable.
<div> Conteneur générique en bloc.
<span> Conteneur générique en ligne.
<header> Section d’en-tête.
<footer> Section de pied de page.
<section> Section thématique d’une page.
<article> Contenu autonome comme un article de blog.
<aside> Contenu secondaire ou complémentaire.
<nav> Section pour les liens de navigation.
<main> Contenu principal d’une page.
<figure> / <figcaptioAssocie une image ou un graphique avec une légende.
<audio> Ajoute un fichier audio.
<video> Ajoute une vidéo.
<iframe> Intègre une autre page ou un contenu externe.
<meta> Ajoute des métadonnées comme le charset ou une description.
<link> Relie un fichier externe (comme CSS).
<script> Insère ou lie un script JavaScript.
<style> Définit des styles CSS internes à la page.
<code> Définit du texte comme du code informatique.
<pre> Affiche du texte préformaté (garde les espaces et retours à la ligne).
<strong> / <b> Texte en gras. <strong> ajoute une signification forte pour le SEO.
<em> / <i> Texte en italique. <em> ajoute une emphase.
<mark> Texte surligné pour mettre en évidence.
<small> Texte affiché en petite taille.
Exemple
<!DOCTYPE html>
<html>...</html>
<head>...</head>
<title>Ma Page</title>
<body>...</body>
<h1>Titre Principal</h1>
<p>Voici un texte.</p>
<p>Texte<br>Nouvelle ligne</p>
<hr>
<a href="[Link] ici</a>
<img src="[Link]" alt="Description de l’image">
<ul><li>Item 1</li><li>Item 2</li></ul>
<li>Élément de liste</li>
<table>...</table>
<tr>...</tr>
<td>Cellule</td>
<th>En-tête</th>
<form action="/submit">...</form>
<input type="text" name="nom">
<textarea>Texte ici...</textarea>
<button>Valider</button>
<div>Contenu</div>
<span>Texte stylé</span>
<header>...</header>
<footer>...</footer>
<section>...</section>
<article>...</article>
<aside>...</aside>
<nav><a href="#">Accueil</a></nav>
<main>...</main>
<figure><img src="[Link]"><figcaption>Légende</figcaption></figure>
<audio controls><source src="audio.mp3" type="audio/mpeg"></audio>
<video controls><source src="video.mp4" type="video/mp4"></video>
<iframe src="[Link]
<meta charset="UTF-8">
<link rel="stylesheet" href="[Link]">
<script src="[Link]"></script>
<style>body { font-family: Arial; }</style>
<code>let x = 10;</code>
<pre>Texte avec espaces conservés</pre>
<strong>Important</strong>
<em>Texte important</em>
<mark>Texte surligné</mark>
<small>Note</small>