Cheat Sheet HTML5

Général :

<a href="http://www.google.fr" > Texte à afficher </a> Lien simple

<a href="http://www.google.fr" > <img src="URL"/> </a> Image cliquable

Si l'URL comporte des "&", il faut les remplacer en "& amp;" (sans l'espace)

<a href="http://www.google.com" title="Cliquez ici pour google"> Google</a> Au survol du lien, affiche "Cliquez ici pour google"

<a href="mailto:exemple@gmail.com"> Envoyez-moi un e-mail !</a> Envoie d'e-mail

<a href="#mon_ancre"> Aller vers l'ancre</a>

<p id="mon_ancre"> Titre</p>

<img src="Lien" alt="Commentaire" title="Comm au survol" /> alt permet un commentaire au cas où l'image n'apparait pas le title donne un commentaire au survol du curseur

<h1> </h1>

...

<h6> </h6>

Titre du plus grand <h1> au plus petit <h6>

<em> </em> Mise en valeur

<strong> </strong> Mise en valeur forte

</br> Retour à la ligne

Listes :

<ol> </ol> Ordered List (Liste ordonnée)

<ul> </ul> Unordered List (Liste NON ordonnée)

<li> </li> Pour les éléments de listes.

Peuvent s'imbriquer sans soucis. (Penser à TAB)

list-style-type:none; (Pour supprimer les puces)

Tableaux :

<table> </table> Tout début et tout à la fin du tableau pour délimiter

<tr> </tr> Ligne

<td> </td> Cellule

<th> </th> Cellule d'en tête

Balises Génériques

<span> Balise de type INLINE

<div> Balise de type BLOCK