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

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

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

un block

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

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