Cheatography
https://cheatography.com
Balise de base
<!DOCTYPE html> |
Précise qu'on code en html |
<html> |
Document HTML |
<head> |
Pièces jointe du document |
<header> |
Entête du document |
<body> |
Corps du document |
<main> |
Le menu du document |
<footer> |
Le pied du document |
<br> |
mettre a la ligne |
<wbr> |
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'inspecteur |
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'indentation |
UTF-8 pour les acents ect.. |
Commentaire <!-- ... --> |
Toujour mettre <!DOCTYPE html> |
|
|
Code dans le head
<meta> |
Métadonnée |
<title> |
Titre du site web |
<link> |
Pour insérer des page de code ou du css |
<meta charset="utf-8" /> |
Pour afficher correctement tout les languages |
Code principal dans le main
<h1> |
Titre 1 |
<h2> |
Titre 2 |
<h3> |
Titre 3 |
<p> |
Paragaphe |
<img> |
Image |
Sens du code
<em> |
Moyenne importance |
<strong> |
Grande importance |
Lien spéciaux
email |
<a href="mailto: ..."> |
tel |
<a href="tel:+ ..."> |
|
|
Les tableaux
<table> |
Tableau |
<caption> |
titre du tableaur |
<thead> |
Entête du tableau |
<tbody> |
corps du tableau |
<tfoot> |
un pieds au tableau |
<tr> |
ligne du tableau |
<th> |
cellule du tableau |
<td> |
Cellule de donné |
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> |
description |
start |
quelle nurméo je commance |
type |
type de liste |
Partage de code
<code> |
Fragment de code machine |
<kbd> |
raccouris clavier |
<pre> |
Un bloc de code |
style en code
<mark> |
souligne comme un stabilo |
<del> |
trace le mot |
sup |
pour mettre en exposant |
sub |
pour mettre en |
<abbr> |
decrite se qui va se passer |
<cite> |
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 |
|
Created By
Metadata
Favourited By
Comments
No comments yet. Add yours below!
Add a Comment
Related Cheat Sheets