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!

 

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