Cheatography
https://cheatography.com
Les bases du module 101 HTML
Contenu de phrase
<br> |
Retour de chariot |
<wbr> |
Endroit dans texte retour chariot |
<hr> |
Saut de section |
Liste
<ul> |
Liste à puces |
<dl> |
Liste de définition |
<ol> |
Liste numérotée |
<li> |
Contenu de la liste |
Style du texte
<i> |
Italique |
<b> |
Gras |
<u> |
Souligné |
<del> |
Barré / supprimé |
<ins> |
Texte ajouté (souligné) |
<mark> |
Surligné |
<s> |
Texte barré ( plus d'actualité) |
Sémentique
<h1> |
Titre de niveau 1 |
<h2> |
Titre de niveau 2 |
<h3> |
Titre de niveau 3 |
<p> |
Paragraphe |
Code de qualité
Pas de caractères spéciaux |
Tout en minuscule |
Séparer les mots-clés avec des tirets |
Indenter avec 4 espaces |
Pas de Tabulation |
ppas plus de 80 caractères par ligne |
Sites utiles
W3C |
Valider le code |
Developer.mozilla.org |
Bibliothèque pour balises |
Groupe
<div> |
groupe de type block |
<span> |
groupe de type inline |
Affichage
<code> |
Affichage de code |
<pre> |
Bloc de code |
<kdb> |
Défini une entré au calavier |
|
|
Images
<img> |
Élément image |
<img src=""> |
Attribut qui définit le chemin de l'image |
<img src=""alt =""> |
Text alternatiff décrivant l'image |
Raccourcis
CTRL + C |
Copier |
CTRL + V |
Coller |
CTRL + X |
Couper |
CTRL + S |
Sauvegarder |
ALT + TAB |
Passer d'une application à une autre |
F5 |
Rafraîchir le navigateur |
Structure & sections
<html> |
Page |
<head> |
Entête de la page |
<body> |
Contenu principal |
<header> |
Entête du body |
<main> |
Partie principal du body |
<footer> |
Pied de page du bdy |
<nav> |
Élément de navigation, menu, pagination |
<section> |
Groupement thématique de contenu |
<article> |
Contenu autonome d'une page (application, article, message) |
<aside> |
Contenu qui à indirectement un rapport avec le sujet pricipal |
Liens entre image et texte
<figure> |
Pour lier une img à du text |
<figcaption> |
Text lié à une img |
Liens
<a href=""> |
Liens |
<h3 id=""> |
Ancre |
Références
<cite> |
titre d'une oeuvre |
<q> |
citation courte |
<blockquote> |
citation longue |
Importance / Grandeur des mots
<em> |
Peu d'importance |
<strong> |
Beaucoup d'importance |
<big> |
Grand |
<small> |
Petit |
|
|
Tableau
<table> |
Tableau |
<caption> |
Titre du tableau |
<thead> |
Entête du tableau |
<tbody> |
Corps du tableau |
<tfoot> |
Pied du tableau |
<tr> |
Ligne du tableau |
<th> |
Cellule d'entête |
<td> |
Cellule de donnée |
Définitions
lien absolu |
adresse complète |
lien interne |
déplacement vers une ancre |
lien relatif |
adresse selon la position |
ancre |
Informations de la page
<title> |
titre |
<meta /> |
métadonnée |
<content> |
auteur |
Structure de base
<!DOCTYPE> |
version HTML |
<html> |
document HTML |
<header> |
en tête de la page |
<head> |
informations de la page |
<nav> |
navigation |
<body> |
contenu principal de la page |
<footer> |
pied de page |
<aside> |
annexe (côté de la page) |
<section> |
section de la page |
<article> |
article d'une page |
Compléments de texte
<dfn> |
Définition |
<abbr> |
Abréviation |
<time> |
Temps (heure et date) |
<address> |
Élément de contact |
<sup> |
Exposant supérieur |
<sub> |
Exposant inférieur |
<cite> |
Titre d'une oeuvre |
<q> |
Citation courte |
<blockquote> |
Citation longue |
|
Created By
Metadata
Favourited By
Comments
No comments yet. Add yours below!
Add a Comment
Related Cheat Sheets