Show Menu
Cheatography

M101_Jakaeur_HTML Cheat Sheet by

Balise de base

<!D­OCTYPE html>
Précise qu'on code en html
<ht­ml>
Document HTML
<he­ad>
Pièces jointe du document
<he­ade­r>
Entête du document
<bo­dy>
Corps du document
<ma­in>
Le menu du document
<fo­ote­r>
Le pied du document
<br>
mettre a la ligne
<wb­r>
Permet de casser le mot
<hr>
Met une séparation

Raccourci

ctrl+u
Affiche le code sources
ctrl+maj+i
Inspecte les éléments
Clic droit -> inspecter
Affiche l'insp­ecteur

Mot clés

Elément
Attribue
Sémantique

Règles de codage

Pas plus de 80 caracthère quand on code sur une ligne
Des espace pour l'inde­ntation
UTF-8 pour les acents ect..
Commen­taire <!-- ... -->
Toujour mettre <!D­OCTYPE html>
 

Code dans le head

<me­ta>
Métadonnée
<ti­tle>
Titre du site web
<li­nk>
Pour insérer des page de code ou du css
<meta charse­t="u­tf-­8" />
Pour afficher correc­tement tout les languages

Code principal dans le main

<h1>
Titre 1
<h2>
Titre 2
<h3>
Titre 3
<p>
Paragaphe
<im­g>
Image

Sens du code

<em>
Moyenne importance
<st­ron­g>
Grande importance

Lien spéciaux

email
<a href="m­ailto: ...">
tel
<a href="tel:+ ...">
 

Les tableaux

<ta­ble>
Tableau
<ca­pti­on>
titre du tableaur
<th­ead>
Entête du tableau
<tb­ody>
corps du tableau
<tf­oot>
un pieds au tableau
<tr>
ligne du tableau
<th>
cellule du tableau
<td>
Cellule de donné

Navigation

<na­v>
Navigation

Liste

<ul>
liste triée
<ol>
liste non-triée
<li>
représente un élément dans une liste
<dl>
liste de définition
<dt>
terme a définir
<dd>
descri­ption
start
quelle nurméo je commance
type
type de liste

Partage de code

<co­de>
Fragment de code machine
<kb­d>
raccouris clavier
<pr­e>
Un bloc de code

style en code

<ma­rk>
souligne comme un stabilo
<de­l>
trace le mot
sup
pour mettre en exposant
sub
pour mettre en
<ab­br>
decrite se qui va se passer
<ci­te>
Pour citer une phrase

Lien et Ancre

<a href="...">
Lien absolue
<a href="../...">
Lien relatif
Ancre <id­="..."
Ancre
<a href="#..."­>
Lien internes

un block

Div
Pour des groupes
Span
Pour les éléments en ligne
 

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