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