HTML5 Cheat Sheet by charyan

<!D­OCTYPE html>

type du document

<ht­ml>

Document HTML

<bo­dy>

Corps

<me­ta>

inform­ations pour le navigateur

<li­nk>

<meta charse­t="">

encodage

<h1> <h2> <h3>

Titre de niveau 1, 2, 3

<br>

retour de chariot dans un texte

<pr­e>

affiche tous les caractères

<co­de>

bout de code dans un paragraphe

<s>

texte barré

<abbr title = " ">

abbrév­iation

<ad­dre­ss>

élément de contact

<fi­gur­e>

contenu indépe­ndant

<ci­te>

titre oeuvre

<bl­ock­quo­te>

citation longue

<di­v>

élement block ou inline

Ma PAGE Web.html

FAUX

<em>

emphase (moyenne import­ance)

<ol>

liste triée (order list)

<dl>

liste de définition (defin­ition list)

<dt>

terme à définir (defin­ition term)

start

"­num­éro­" du 1er élément de la liste

reversed

liste inversée

<ta­ble>

Tableau

<th­ead>

entête du tableau

<tf­oot>

Pied du tableau

<th>

cellule d'entête

colspan

fusion de cellules en colonnes

liens absolus

<a href="h­ttp­s:/­/ww­w.g­oog­le.c­h">­Goo­gle­</a> Pour aller sur un autre site

ancre

<h3 id="­his­toi­re-­sui­sse­"­>Voir Histoire Suisse­</h­3> Pour placer un repère, ancre, dans une page

cible du lien

L'attribut target permet de définir la cible du lien

<im­g>

élément image

alt=""

texte alternatif décrivant l'image <img src="va­dor.jp­g" alt="Photo de Dark Vador">

width=­"­"

largeur de l'image en px ou %

<he­ade­r>

entête du site ou d'une section

<na­v>

éléments de naviga­tion, menu, pagination

<se­cti­on>

groupement thématique de contenu, généra­lement avec un en-tête, titre

<as­ide>

Contenu qui indire­ctement lié, en marge du sujet principal, voir même sans rapport