Show Menu

101 HTML Cheat Sheet by

Les bases du module 101 HTML
html     5     101

Affichage

<co­de>
Affichage de code
<pr­e>
Bloc de code
<kd­b>
Défini une entré au calavier

Sémentique

<h1>
Titre de niveau 1
<h2>
Titre de niveau 2
<h3>
Titre de niveau 3
<p>
Paragraphe

Contenu de phrase

<br>
Retour de chariot
<wb­r>
Endroit dans texte retour chariot
<hr>
Saut de section

Liste

<ul>
Liste à puces
<dl>
Liste de définition
<ol>
Liste numérotée
<li>
Contenu de la liste

Style du texte

<i>
Italique
<b>
Gras
<u>
Souligné
<de­l>
Barré / supprimé
<in­s>
Texte ajouté (souligné)
<ma­rk>
Surligné
<s>
Texte barré ( plus d'actu­alité)

Groupe

<di­v>
groupe de type block
<sp­an>
groupe de type inline

Sites utiles

W3C
Valider le code
Develo­per.mo­zil­la.org
Biblio­thèque pour balises

Code de qualité

Pas de caractères spéciaux
Tout en minuscule
Séparer les mots-clés avec des tirets
Indenter avec 4 espaces
Pas de Tabulation
ppas plus de 80 caractères par ligne
 

Images

<im­g>
Élément image
<img src­="">
Attribut qui définit le chemin de l'image
<img src=""­alt ="">
Text altern­atiff décrivant l'image

Liens

<a href="">
Liens
<h3 id­="">
Ancre

Liens entre image et texte

<fi­gur­e>
Pour lier une img à du text
<fi­gca­pti­on>
Text lié à une img

Importance / Grandeur des mots

<em>
Peu d'impo­rtance
<st­ron­g>
Beaucoup d'impo­rtance
<bi­g>
Grand
<sm­all>
Petit

Références

<ci­te>
titre d'une oeuvre
<q>
citation courte
<bl­ock­quo­te>
citation longue

Structure & sections

<ht­ml>
Page
<he­ad>
Entête de la page
<bo­dy>
Contenu principal
<he­ade­r>
Entête du body
<ma­in>
Partie principal du body
<fo­ote­r>
Pied de page du bdy
<na­v>
Élément de naviga­tion, menu, pagination
<se­cti­on>
Groupement thématique de contenu
<ar­tic­le>
Contenu autonome d'une page (appli­cation, article, message)
<as­ide>
Contenu qui à indire­ctement un rapport avec le sujet pricipal

Raccourcis

CTRL + C
Copier
CTRL + V
Coller
CTRL + X
Couper
CTRL + S
Sauveg­arder
ALT + TAB
Passer d'une applic­ation à une autre
F5
Rafraîchir le navigateur
 

Complé­ments de texte

<df­n>
Définition
<ab­br>
Abrévi­ation
<ti­me>
Temps (heure et date)
<ad­dre­ss>
Élément de contact
<su­p>
Exposant supérieur
<su­b>
Exposant inférieur
<ci­te>
Titre d'une oeuvre
<q>
Citation courte
<bl­ock­quo­te>
Citation longue

Défini­tions

lien absolu
adresse complète
lien interne
déplac­ement vers une ancre
lien relatif
adresse selon la position
ancre

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

Structure de base

<!D­OCT­YPE>
version HTML
<ht­ml>
document HTML
<he­ade­r>
en tête de la page
<he­ad>
inform­ations de la page
<na­v>
navigation
<bo­dy>
contenu principal de la page
<fo­ote­r>
pied de page
<as­ide>
annexe (côté de la page)
<se­cti­on>
section de la page
<ar­tic­le>
article d'une page

Inform­ations de la page

<ti­tle>
titre
<meta />
métadonnée
<co­nte­nt>
auteur

Download the 101 HTML Cheat Sheet

2 Pages
//media.cheatography.com/storage/thumb/vuilthe_101-html.750.jpg

PDF (recommended)

Alternative Downloads

Share This Cheat Sheet!

Like this cheat sheet? Check out our sponsors!

Readable.io is a collection of tools to make your writing better. More readable content means higher conversion rates and better reader engagement. Measure website and document readability, measure keyword density and more!

Click Here To Get Started!

 

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