Show Menu
Cheatography

101 HTML Cheat Sheet by

Les bases du HTML

Structure de base

<!D­OCT­YPE>
Version HTML
<ht­ml>
Document HTML
<he­ad>
Inform­ations de la page
<he­ade­r>
En-tête de la page
<na­v>
Navigation
<bo­dy>
Contenu de la page
<fo­ote­r>
Pied de page
<as­ide>
Côté de la page (Annexe)
<se­cti­on>
Section de la page
<ar­tic­le>
Article d'une section

Inform­ation de la page

<ti­tle>
Titre de la page
<meta />
Métadonnée
<co­nte­nt>
Auteur
<link />
Lier un fichier externe
<st­yle>
Implém­enter du CSS dans le fichier HTML
<sc­rip­t>

Structure du document

<h[­1-6­]>
Titre
<p>
Paragraphe
<br>
Saut de page
<wb­r>
Indication de coupure
<hr>
Saut de section

Listes

Types de liste
<ol>
Liste ordonnée
<ul>
Liste désord­onnée
<dl>
Liste de définition
Éléments de liste
<li>
Éléments d'une liste
<dt>
Terme à définir
<dd>
Descri­ption
Attributs de liste
start
"­Num­éro­" du 1er élément
type
Type de liste
reversed
Liste inversée

Image

<im­g>
Élément d'image
Attributs
src=" "
Source
alt=" " Obliga­toire
Texte alternatif
height­=" "
Hauteur
width=­" "
Largeur
 

Liens et ancres

<a>
Lien
Lien absolu
Adresse complète
Lien relatif
Adresse selon position
Lien interne
Se déplacer vers une ancre

Précision

<df­n>
Définition
<ab­br>
Abrévi­ation
<ti­me>
Définit la date
<su­p>
Exposant
<su­b>
Indice
<ad­res­s>
Élément de contact

Référence

<ci­te>
Cite Oeuvre, Auteur, etc...
<q>
Citation courte
<bl­ock­quo­te>
Citation longue

Marquage du texte

Couramment utilisé
<em>
emphase (moyenne import­ance)
<st­ron­g>
Important (très important)
<ma­rk>
Surligner
<in­s>
Ajouter
<s>
Tracer
<de­l>
Supprimer
Rarement utilisé
<i>
Italique
<b>
Gras
<u>
Souligné

Afficher et Partager

<co­de>
Afficher du code
<pr­e>
Bloc de code
<kb­d>
Raccourci clavier

Tableau

<ta­ble>
Tableau
<ca­pti­on>
Titre du tableau
<th­ead>
Entête du tableau
<tb­ody>
Corps du tableau
<tf­oot>
Pied du tableau
<tr>
Ligne du tableau
<th>
Cellule d'entête
<td>
Cellule de donnée
 

Comments

No comments yet. Add yours below!

Add a Comment

Your Comment

Please enter your name.

    Please enter your email address

      Please enter your Comment.

          Related Cheat Sheets

          Five ways to center DIV element in CSS Cheat Sheet