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
 

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

Mise en forme

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

Help Us Go Positive!

We offset our carbon usage with Ecologi. Click the link below to help us!

We offset our carbon footprint via Ecologi
 

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