Show Menu
Cheatography

Structure de base

<!D­OCTYPE html>
language utilisé (html)
<ht­ml>
type du document
<he­ad>
entête
<bo­dy>
corps
<!-­-......-->
commen­taire

structure corps

<h1> <h2> <h3>
niveaux de titre
<p>
paragraphe
<br>
retour de chariot
<hr>
ligne horizo­ntale
<ul>
liste à puces
<li>
élément de la liste
<ol>
liste numérotée
<ma­rk>
représente du texte surligné
<de­l>
supprime du document

structure entête

<meta charse­t="u­tf-­8">
encode en utf-8
<ti­tle>
titre de la page
<meta name="" content ="">
auteur
 

Tableaux

<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 taleau
<th>
cellule d'entête
<td>
cellule de données
colspan
fusion de cellules en colonnes
rowspan
fusion de cellules en lignes

liens

<a href=h­ttp­:....
pour aller sur un site
<a href="p­age­s/c­ont­act­c.h­tml­"
pour aller sur ue autre page de son site
<h3 id="­his­toi­re-­sui­tss­e"
pour placer un repère dans une page
<a href="#­his­toi­re-­sui­sse­">
permet de se déplace vers un ancre de la page
target
définir la cible du lien

Images

<im­g>
élément image
src=""
attribut qui définit le chemin de l'image
alt=""
texte alternatif
height­=""
hauteur de l'image en px ou %
width=­"­"
largeur de l'image en px ou %
alt est obliga­toire !

Html

Listes

<dl>
définition liste
<dt>
terme à définir
<dd>
descri­ption
start
numéro du 1er élément de la liste
type
tape de liste (a,A,i­,I,1)
reversed
liste inversée
 

HTML entities

<co­de>
afficher du code html
&lt
<
&gt
>

défini­tions

<df­n>
définition d'un terme
<ab­br>
abrévi­ation
<ti­me>
date ou heure
<su­p>
exposant
<su­b>
indice
<ad­dre­ss>
adresse (italique)

Références

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

afficher le code

Ctrl + U
affiche le code du site
clic droit + inspecter
inspecte le code du site

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

          Web Programming Cheat Sheet
          jQuery Mobile Cheat Sheet
          HTML5 deutsch Cheat Sheet