Annexe HTML5
Eléments de 1er niveau Conteneurs
<html> Représente la racine d'un document HTML. <span> Regroupe des éléments dans un bloc de contenu.
<head> Conteneur de métadonnées placé entre la balise <div> Grouper plusieurs éléments Html de type block.
<html> et la balise <body>. Définit un cadre en ligne.
<body> Définit le corps du document. <iframe>
Attributs : src, name.
Eléments d’en-tête
<link> Définit la relation entre le document actuel et une Listes
ressource externe. <ul> Définit une liste à puces.
Attributs : href, rel , type Définit une liste ordonnée.
<ol>
<meta> Définit les métadonnées du document. Attributs : reversed, type, start.
Attributs : charset, name, content. <li> Définit un élément dans une liste.
<script> Intègre un script côté client (JavaScript).
Attributs : src, type.
<style> Définit les informations de style (CSS) pour un Tableau
document. <table> Définit un tableau.
Attributs : type, media.
< thead> Définit l’entête d’un tableau.
<title> Définit le titre du document.
<tbody> Définit le corps d’un tableau.
Eléments de structuration d’une page web < tfoot> Définit le pied d’un tableau.
<header> Conteneur pour le contenu d’introduction ou un <caption> Définit une légende de tableau.
ensemble de liens de navigation. <tr> Définit une ligne dans un tableau.
<nav> Définit un ensemble de liens de navigation. <th> Définit une cellule d'en-tête dans un tableau.
<footer> Définit un pied de page pour un document ou une <td> Définit une cellule dans un tableau.
section.
<section> Définit une section dans un document.
<article> Spécifie un contenu indépendant et autonome. Evènements
<aside> Définit un contenu en dehors du contenu principal. onblur Se déclenche au moment où l'élément perd le focus.
Souvent placé sous forme de barre latérale. onclick Se déclenche lors d’un clic sur l’élément.
<main> Définit le contenu principal d'un document.
onfocus Se déclenche au moment où l'élément obtient le
focus.
Eléments de structuration de texte et média oninput Se déclenche dès que la valeur d'un élément a
<cite> Définit le titre d'une œuvre. changé.
<p> Définit un paragraphe. onload Se déclenche lorsque la page est complètement
chargée.
<source> Spécifie plusieurs ressources multimédias pour les
onmouseover Se déclenche lorsque le pointeur de la souris
éléments multimédias.
survole l’élément.
Attributs : src, type, media.
onmouseout Se déclenche lorsque le pointeur de la souris sort
<hn> Définit un titre de niveau n (de 1 à 6).
de l’élément.
Définit une rupture thématique sous forme de ligne onplay Se déclenche lorsque la lecture d’un fichier
<hr>
horizontale. audio/vidéo commence.
Intègre une image. onpause Se déclenche lorsqu’ un élément audio/vidéo est
<img>
Attributs : src, alt. mis en pause.
Spécifie un conteneur autonome qui peut contenir onsubmit Se déclenche lorsqu'un formulaire est soumis.
<figure>
divers éléments.
onchange Se déclenche lorsque la valeur d’un élément est
<figcaption> Définit une légende pour un élément <figure>.
modifiée.
Intégrer du contenu sonore dans un document. onkeydown se déclenche lorsqu'une touche du clavier est
<audio>
Attributs : controls, src. pressée.
Intègre du contenu vidéo dans un document. onkeyup Se déclenche lorsqu'une touche est relâchée.
<video>
Attributs : controls, src.
Définit un lien hypertexte via l’attribut href.
<a>
Attributs : href, target.
<br> Définit un retour à la ligne. Attributs globaux
Définit les coordonnées de l'auteur/propriétaire d'un class Spécifie un nom de classe pour un élément.
<address>
document ou d'un article. hidden Renseigne la visibilité d'un élément.
<output> id Spécifie un identifiant unique pour un élément HTML.
Définit le texte qui doit être marqué ou mis en Spécifie la langue du contenu de l'élément.
<mark> lang
surbrillance.
Spécifie des détails supplémentaires que l’utilisateur style Spécifie un style en ligne.
<details> peut ouvrir et fermer à la demande. Spécifie des informations supplémentaires sur un
title
Attribut : open. élément.
<summary> Définit un en-tête visible pour l'élément <details>.
Eléments de formulaire
Attribut Valeurs possibles
Crée un formulaire HTML. action
<form>
method "get" , "post"
target "_self”, "_blank", "_parent", "_top”, "iframeName"
Regroupe des éléments liés dans
<fieldset>
un formulaire.
Définit une légende pour
<legend>
l'élément <fieldset>.
Définit un libellé pour un élément
<label>
graphique.
Attributs
Types d'élément Attributs génériques
spécifiques
button, reset, submit name, value, disabled
name, value, placeholder,
text, email, tel
readonly, required, disabled, list
<input> Définit un champ de saisie. name, value, placeholder,
password
readonly, required, disabled
name, value, readonly, required,
number, range min, max
disabled
date, time name, value, required, disabled min, max
checkbox, radio name, value, required, disabled Checked
Définit une zone de saisie de texte Attributs : name , cols, rows, readonly , required , disabled , placeholder,
<textarea> multilignes. maxlength.
<select> Définit une liste déroulante.
Spécifie une liste d'options
<datalist> prédéfinies connectée à un
élément <input>.
Définit une option dans une liste Attribut : selected
<option>
de sélection.