Liste des balises HTML disponibles

Eléments de structure d’un document

<body> Définit le corps du document.
<h1> - <h6> Définit un titre, sous-titre ou inter-titre (headings).
<hr> Une ligne de séparation horizontale. Définit un changement thématique dans le contenu.
<div> Définit une section dans un document.
<span> Définit une section dans un document.

Nouveaux éléments de structure introduits avec HTML5:

<article> Définit un article (un contenu indépendant)
<aside> Définit un contenu annexe
<header> Définit l’en-tête d’un document ou d’une section
<footer> Définit le pied d’un document ou d’une section
<main> Désigne le contenu principal d’un document
<nav> Définit un menu de navigation
<section> Définit une section dans un document

Balises de texte

<a> Un hyperlien, avec l’attribut href indiquant la cible.
<abbr> Une abréviation ou un acronmye.
<address> Defines contact information for the author/owner of a document
<b> Du texte en gras (bold).
<blockquote> Defines a section that is quoted from another source HTML5doc
<br> Un retour de ligne simple (line break).
<cite> Defines the title of a work. HTML5doc
<code> Defines a piece of computer code
<del> Defines text that has been deleted from a document
<em> Defines emphasized text
<i> Defines a part of text in an alternate voice or mood
<ins> Defines a text that has been inserted into a document
<mark> Définit du texte mis en évidence, p.ex. un terme surligné dans les résultats d’une recherche. Balise introduite en HTML5.
<p> Defines a paragraph
<pre> Defines preformatted text
<q> Defines a short quotation HTML5doc
<s> Defines text that is no longer correct
<samp> Defines sample output from a computer program
<small> Defines smaller text
<sub> Defines subscripted text
<sup> Defines superscripted text
<strong> Defines important text
<time> Définit un élément de date ou d’heure. Peut contenir un attribut datetime avec la date en encodage ISO. Balise introduite avec HTML5.
<u> Defines text that should be stylistically different from normal text
<wbr> Defines a possible line-break

Listes, Définitions, etc

Balises pour les listes:

<ol> Defines an ordered list
<ul> Defines an unordered list
<li> Defines a list item
<details> Defines additional details that the user can view or hide
<summary> Defines a visible heading for a <details> element

Balises pour les définitions:

<dd> Defines a description/value of a term in a description list
<dl> Defines a description list
<dt> Defines a term/name in a description list
<dfn> Represents the defining instance of a term

Balises de médias

<audio> Déinfit un contenu sonore
<canvas> Used to draw graphics, on the fly, via scripting (usually JavaScript)
<figure> Permet de grouper une image avec la légende qui l’accompagne
<figcaption> Permet de définir une légende, à l’intérieur d’un élément <figure>
<img> Définit une image
<map> Defines a client-side image-map
<picture> Un contenur d’image pouvant inclure différentes variantes – W3C / caniuse / MDN
<source> Defines multiple media resources for media elements (<video> and <audio>)
<svg> Définit une image dans le format vectoriel SVG
<track> Définit une piste de texte (sous-titre) pour un élément média (<video> ou <audio>)
<video> Définit un contenu vidéo

Formulaires, interactivité

<button> Defines a clickable button
<fieldset> Groups related elements in a form
<form> Defines an HTML form for user input
<input> Defines an input control
<kbd> Defines keyboard input
<keygen> Defines a key-pair generator field (for forms)
<label> Defines a label for an <input> element
<legend> Defines a caption for a <fieldset> element
<meter> Defines a scalar measurement within a known range (a gauge)
<optgroup> Defines a group of related options in a drop-down list
<option> Defines an option in a drop-down list
<output> Defines the result of a calculation
<param> Defines a parameter for an object
<progress> Indique l’état d’avancement d’un travail (barre de progression). support dès IE10, Safari 6.
<select> Defines a drop-down list
<textarea> Defines a multiline input control (text area)
<var> Defines a variable

Exemple de formulaire:

 <form>
    <label for="name">Name:</label>
    <input type="text" id="name" name="name">
    <label for="email">Email:</label>
    <input type="email" id="email" name="email">
    <label for="message">Message:</label>
    <textarea id="message" name="message"></textarea>
    <input type="submit" value="Submit">
  </form>

Tableaux

<table> Définit un tableau. MDN
<tr> Définit un rang horizontal
<td> Définit une cellule
<th> Defines a header cell in a table
<caption> Représente le titre d’un tableau. MDN
<colgroup> Specifies a group of one or more columns in a table for formatting
<col> Specifies column properties for each column within a <colgroup> element
<thead> Regroupe l’en-tête d’un tableau
<tbody> Regroupe le corps d’un tableau
<tfoot> Regroupe le pied d’un tableau

Exemple de tableau:

<table>
    <tr>
      <th>Name</th>
      <th>Age</th>
    </tr>
    <tr>
      <td>John</td>
      <td>25</td>
    </tr>
    <tr>
      <td>Jane</td>
      <td>30</td>
    </tr>
  </table>

Balises récentes et expérimentales

<datalist> Specifies a list of pre-defined options for input controls
<dialog> Defines a dialog box or window. Pas supporté par IE, Firefox, Safari.
<menu> Defines a list/menu of commands
<menuitem> Defines a command/menu item that the user can invoke from a popup menu

Balises générales

<!--...--> Définit un commentaire (code qui ne sera pas affiché)
<!DOCTYPE> Définit le type de document
<meta> Définit des métadonnes au sujet d’un document HTML
<title> Définit le titre du document
<base> Définit une base pour toutes les URL relatives du document
<head> Une section contenant des informations au sujet du document
<html> Définit la racine d’un document HTML
<iframe> Définit une inline frame : une fenêtre pouvant charger des contenus depuis une autre URL
<link> Définit une relation entre un document et une ressource externe (le plus souvent, des feuilles de styles)
<noscript> Définit un contenu alternatif pour les usagers ne pouvant pas exécuter des scripts
<script> Définit un script qui sera exéctué par le navigateur
<style> Définit des styles pour le document

Autres balises

<area> Defines an area inside an image-map
<embed> Defines a container for an external (non-HTML) application
<bdi> Isolates a part of text that might be formatted in a different direction from other text outside it
<bdo> Overrides the current text direction
<object> Defines an embedded object
<ruby> Defines a ruby annotation (for East Asian typography)
<rp> Defines what to show in browsers that do not support ruby annotations
<rt> Defines an explanation/pronunciation of characters (for East Asian typography)

Balises obsolètes

Balises qui ne sont plus supportées en HTML5:

<acronym> Use <abbr> instead. Defines an acronym.
<applet> Use <embed> or <object> instead. Defines an embedded applet (application Java).
<basefont> Use CSS instead. Specifies a default color, size, and font for all text in a document.
<big> Use CSS instead. Defines big text.
<center> Use CSS instead. Defines centered text.
<dir> Use <ul> instead. Defines a directory list.
<font> Use CSS instead. Defines font, color, and size for text.
<frame> Defines a window (a frame) in a frameset.
<frameset> Defines a set of frames.
<noframes> Defines an alternate content for users that do not support frames.
<strike> Use <del> or <s> instead. Defines strikethrough text.
<tt> Use CSS instead. Defines teletype text.