Cheat sheet html

Les balises sont la base de tout document html et changent régulièrement au fil des évolutions du langage. Avec html5 de nouvelles balises, plus pratiques et mieux adaptées à nos besoins sont apparues. Les balises en html sont nombreuses et il serait bien compliqué de toutes les retenir mais ce petit document récapitule les balises les plus utiles à l'heure actuelle. En espérant qu'il vous fasse gagner du temps !

Informations primaires

<!DOCTYPE html> : nature du document
<html> : document html
<head> : informations sur la page
<title> : titre de la page
<meta> : meta données
<body>

Structure

<header> : en-tête
<nav> : navigation
<section> : section de page
<aside> : section latérale
<footer> : pied de page
<figure> : unité de contenu
<figcaption> : légende
<div> : élément bloc

Texte

<h1, h2, h3...h6> : titres
<p> : paragraphe
<br /1> : saut de ligne
<span> : section de ligne
<em> : accentuation
<strong> : accentuation forte
<b> : gras
<i> : italique

Images et liens

<img /> : image
<img src=""> : source de l'image
<img alt=""> : texte alternatif
<a> : lien
<a href=""> : origine du lien
<a target=""> : destination du lien
<a href="mailto:"> : lien d'envoie de mail
<a href="tel:"> : lien d'appel

Listes et tableaux

<ul> : liste simple
<ol> : liste ordonnée
<li> : élément de liste
<table> : tableau
<thead> : en-tête de tableau
<tbody> : corps de tableau
<tfoot> : pied de tableau
<tr> : ligne
<td> : cellule
<th> : cellule header

Formulaires

<form> : formulaire
<fieldset> : section de formulaire
<label> : légende d'élément
<legend> : légende
<input/> : champ
<select> : sélection
<option> : option de sélection
<textarea> : large zone de texte
<button> : button