Show Menu
Cheatography

M101-HTML Cheat Sheet by

Balises principale

<ht­ml>
Document HTML
<he­ad> </h­ead­er>
Entête du document (infos pour le naviga­teur)
<bo­dy>
Contenue de la page, ce qui s'affiche à l'écran
<ma­in>­</m­ain>
Bloc principal
<se­cti­on>­</s­ect­ion>
Parti d'un site (peux en avoir plusieurs)
<fo­ote­r>
Pied de "­pag­e"
<!D­OCTYPE html>
Précise que c'est une page html

Raccourci

CTRL +U
Affiche un code source
Clic droit "­ins­pec­ter­"
Inspection de la page en cours, pour faire du test
CTRL +S
Sauveg­arder
Clic droit (ST) Open browser
Ouvrir dans le navigateur
alt +tab
passer d'une applic­ation a une autre
F5
Rafraichir

Elements

<meta
Metadonnée
<ti­tle> </t­itl­e>
Nom du site
<h2>
titre Niveau 2
<h3>
titre niveau 3
<ul­></­ul>
Liste sans ordre (que des li)
<ol­></­ol>
Liste ordrée
<dl­></­dl>
Liste de définition
<li> </l­i>
un élément d'une liste
<dd>
Descri­ption
<dt>
terme à définir
 

Eléments de texte

<br>
Retour de chariot
<hr>
Saut de section (avec un trait horizo­ntal)
<wb­r>
Cassure dans un texte
<st­ron­g><­/strong
Importance haute
<em> </e­m>
Importance moyenne
<co­de>­</c­ode>
Montre un bout de code machine
<kb­d><­/kb­d>
Représente les entrés utilisé ( ligne de commande)
<pr­e><­/pr­e>
Prends tout dans un morceau de code
<ma­rk>­</m­ark>
Surligne un texte
<su­b><­/su­b>
met un indice
<su­p> </s­up>
met un exposant
<df­n><­/df­n>
Définition
<abbr > </a­bbr>
Définit une abrévi­ation
<time </t­ime>
Temps (une heure et une date)
<ad­dre­ss>­</a­ddr­ess>
Donne des inform­ations sur l'auteur
<ci­te>
titre d'un livre/­oeuvre
<q>­</q>
Pour une phrase
<bl­ock­quo­te>­</b­loc­kqu­ote>
POur un bloc de citation (un dialogue)
<em­></­em>
Emphase
<st­ron­g><­/st­ron­g>
important
<s>­</s>
Strikt­hrough, barre le texte qui n'est plus pertinents
<in­s></ins
morceau de texte rajouté
<de­l><­/de­l>
portion de teste ayant été supprimer
 

Mise en forme

<b>­</b>
gras
<i>­</i>
Italic
<u>­</u>
Souligné
<bi­g><­/bi­g>
grand
<sm­all­></­sma­ll>
petit

Les sélecteurs

Descandant
p strong (espace entre les deux élèments
Adjace­nts(qui suit)
h1 + p
Frères
h1 ~ p
Enfants
nav >ul
 

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