Guide des Balises HTML (100+)
Texte
<p> : Paragraphe de texte.
Exemple : <p>Ceci est un paragraphe.</p>
<b> : Texte en gras.
Exemple : <b>Texte en gras</b>
<strong> : Texte important (gras).
Exemple : <strong>Important</strong>
<i> : Texte en italique.
Exemple : <i>Italique</i>
<em> : Texte mis en emphase (italique).
Exemple : <em>Emphase</em>
<mark> : Texte surligné.
Exemple : <mark>Surligné</mark>
<small> : Texte en petit.
Exemple : <small>Petit texte</small>
<del> : Texte barré.
Exemple : <del>Texte supprimé</del>
<ins> : Texte inséré (souligné).
Exemple : <ins>Texte inséré</ins>
<sub> : Texte en indice.
Exemple : H<sub>2</sub>O
<sup> : Texte en exposant.
Exemple : x<sup>2</sup>
<br> : Saut de ligne.
Exemple : Ligne 1<br>Ligne 2
<hr> : Ligne horizontale.
Exemple : <hr>
<abbr> : Abréviation avec info.
Exemple : <abbr title='HyperText Markup Language'>HTML</abbr>
<cite> : Citation d'une source.
Exemple : <cite>Shakespeare</cite>
<code> : Code informatique.
Exemple : <code>print('Hello')</code>
<pre> : Texte préformaté.
Exemple : <pre>Texte aligné</pre>
<q> : Citation courte.
Exemple : <q>Ceci est une citation</q>
<blockquote> : Citation longue.
Exemple : <blockquote>Texte cité</blockquote>
<span> : Conteneur en ligne.
Exemple : <span style='color:red;'>Texte rouge</span>
Structure
<html> : Racine du document HTML.
Exemple : <html>...</html>
<head> : En-tête du document.
Exemple : <head>...</head>
<body> : Corps du document.
Exemple : <body>...</body>
<title> : Titre de la page.
Exemple : <title>Ma page</title>
<meta> : Métadonnées.
Exemple : <meta charset='UTF-8'>
<link> : Lien vers une ressource externe.
Exemple : <link rel='stylesheet' href='[Link]'>
<style> : Styles CSS internes.
Exemple : <style>p {color: red;}</style>
<script> : Script JavaScript.
Exemple : <script>alert('Hello');</script>
<noscript> : Contenu alternatif sans JS.
Exemple : <noscript>JS requis</noscript>
<base> : Base pour les URLs.
Exemple : <base href='[Link]
Listes
<ul> : Liste non ordonnée.
Exemple : <ul><li>Item</li></ul>
<ol> : Liste ordonnée.
Exemple : <ol><li>Premier</li></ol>
<li> : Élément de liste.
Exemple : <li>Élément</li>
<dl> : Liste de définitions.
Exemple : <dl><dt>HTML</dt><dd>Langage web</dd></dl>
<dt> : Terme de définition.
Exemple : <dt>HTML</dt>
<dd> : Description du terme.
Exemple : <dd>Langage web</dd>
Liens
<a> : Lien hypertexte.
Exemple : <a href='[Link]
Images
<img> : Image.
Exemple : <img src='[Link]' alt='Description'>
<map> : Carte image.
Exemple : <map name='map1'>...</map>
<area> : Zone dans une carte image.
Exemple : <area shape='rect' coords='34,44,270,350' href='[Link]'>
<figure> : Conteneur d'image avec légende.
Exemple : <figure><img src='[Link]'><figcaption>Légende</figcaption></figure>
<figcaption> : Légende d'une image.
Exemple : <figcaption>Une image</figcaption>
Tableaux
<table> : Tableau.
Exemple : <table>...</table>
<tr> : Ligne de tableau.
Exemple : <tr>...</tr>
<td> : Cellule de données.
Exemple : <td>Donnée</td>
<th> : Cellule d'en-tête.
Exemple : <th>En-tête</th>
<thead> : En-tête de tableau.
Exemple : <thead>...</thead>
<tbody> : Corps du tableau.
Exemple : <tbody>...</tbody>
<tfoot> : Pied du tableau.
Exemple : <tfoot>...</tfoot>
<caption> : Légende du tableau.
Exemple : <caption>Titre du tableau</caption>
<col> : Colonne du tableau.
Exemple : <col span='2'>
<colgroup> : Groupe de colonnes.
Exemple : <colgroup><col></colgroup>
Formulaires
<form> : Formulaire.
Exemple : <form action='/submit'></form>
<input> : Champ de saisie.
Exemple : <input type='text'>
<textarea> : Zone de texte.
Exemple : <textarea></textarea>
<button> : Bouton.
Exemple : <button>Envoyer</button>
<select> : Liste déroulante.
Exemple : <select><option>1</option></select>
<option> : Option de liste.
Exemple : <option>Option</option>
<label> : Étiquette de champ.
Exemple : <label for='nom'>Nom</label>
<fieldset> : Groupe de champs.
Exemple : <fieldset>...</fieldset>
<legend> : Légende du groupe.
Exemple : <legend>Infos</legend>
<datalist> : Liste de données.
Exemple : <datalist><option>Valeur</option></datalist>
<output> : Résultat d'un calcul.
Exemple : <output>42</output>
Multimédia
<audio> : Audio.
Exemple : <audio controls><source src='audio.mp3'></audio>
<video> : Vidéo.
Exemple : <video controls><source src='video.mp4'></video>
<source> : Source média.
Exemple : <source src='media.mp4'>
<track> : Sous-titres vidéo.
Exemple : <track src='[Link]' kind='subtitles'>
<embed> : Contenu intégré.
Exemple : <embed src='[Link]'>
<object> : Objet externe.
Exemple : <object data='[Link]'></object>
<param> : Paramètre d'objet.
Exemple : <param name='autoplay' value='true'>
Sémantique
<header> : En-tête de section.
Exemple : <header>...</header>
<nav> : Navigation.
Exemple : <nav>...</nav>
<main> : Contenu principal.
Exemple : <main>...</main>
<section> : Section de page.
Exemple : <section>...</section>
<article> : Article indépendant.
Exemple : <article>...</article>
<aside> : Contenu secondaire.
Exemple : <aside>...</aside>
<footer> : Pied de page.
Exemple : <footer>...</footer>
<details> : Détails repliables.
Exemple : <details><summary>Voir</summary>Texte</details>
<summary> : Résumé des détails.
Exemple : <summary>Voir plus</summary>
<time> : Heure ou date.
Exemple : <time datetime='2023-01-01'>1er Janvier</time>