Cheatography
https://cheatography.com
HTML structure
<!DOCTYPE html>
<html>
<head>
<title>Exemple</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
</head>
<body>
</body>
</html>
|
Structure du texte
<abbr> |
Abréviation |
<blockquote> |
Citation (paragraphe) |
<cite> |
Citation du titre d'une œuvre |
<q> |
Citation (ligne) |
<sup> |
Exposant |
<strong> |
mise en valeur forte |
<em> |
Mise en valeur normal |
<h1> |
Titre de 1 jusque à 6 |
<p> |
Paragraphe |
<hr> |
ligne horizontale |
<a href="#">#</a> |
Lien |
<pre> |
pour les codes sources |
<progress value="#" max="#"> </progress> |
Barre de progression |
<time> |
Date ou heure |
Pas de balise fermante pour <hr>.
Tableau
<table></table> |
Englobe le tableau |
<tr></tr> |
déclare une nouvelle ligne d'un tableau |
<td></td> |
déclare les cellules d'un tableau |
<caption></caption> |
titre du tableau |
<thead></thead> |
entete |
<tbody></tbody> |
corps du tableau |
<tfoot></tfoot> |
pied du tableau |
génériques
<span> |
Balise générique de type inline |
<div> |
Balise générique de type block |
|
|
Liste
<ul> |
Liste à puces |
<ol> |
Liste numérotée |
<li> |
Élément de la liste (puces/numérotée) |
<dl> |
Liste de définitions |
<dt> |
Terme à définir |
<dd> |
Définition du terme |
Formulaires
<form> |
Déclare un formulaire |
<fieldset> |
Groupe de champs |
<legend> |
Titre d'un groupe de champs |
<label> |
Libellé d'un champ |
<input type="#" value="#"> |
Champ de formulaire (texte, mot de passe, case à cocher, bouton, etc.) |
<textarea> |
Zone de saisie multiligne |
<select> |
Liste déroulante |
<option> |
Élément d'une liste déroulante |
<optgroup> |
Groupe d'éléments d'une liste déroulante |
Pas de balise fermante pour <input>.
Section
<header> |
En-tête |
<nav> |
Liens principaux de navigation |
<footer> |
Pied de page |
<section> |
Section de page |
<article> |
Article (contenu autonome) |
<aside> |
Informations complémentaires |
Média
<img src="#" alt="#"> |
Image |
<object data="#" type="#" |
ressource externe |
<picture> |
Encadre la balise source |
<audio> |
Encadre la balise source |
<video> |
Encadre la balise source |
<Source> |
Format source pour les balises audio, vidéo, picture |
|
Created By
Metadata
Favourited By
Comments
No comments yet. Add yours below!
Add a Comment
Related Cheat Sheets