Show Menu
Cheatography

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

<ab­br>
Abrévi­ation
<bl­ock­quo­te>
Citation (parag­raphe)
<ci­te>
Citation du titre d'une œuvre
<q>
Citation (ligne)
<su­p>
Exposant
<st­ron­g>
mise en valeur forte
<em>
Mise en valeur normal
<h1>
Titre de 1 jusque à 6
<p>
Paragraphe
<h­­r>
ligne horizo­ntale
<a href="#­"­>­#­<­/­a>
Lien
<pr­e>
pour les codes sources
<pr­ogress value=­"­#" max="#"> </p­rog­res­s>
Barre de progre­ssion
<ti­me>
Date ou heure
Pas de balise fermante pour <hr­>.

Tableau

<t­­abl­­e>­<­/­ta­­ble­­>
Englobe le tableau
<t­­r><­­/t­r­>
déclare une nouvelle ligne d'un tableau
<t­­d><­­/t­d­>
déclare les cellules d'un tableau
<c­­apt­­io­n­>­</­­cap­­ti­o­n>
titre du tableau
<t­­hea­­d>­<­/­th­­ead­­>
entete
<t­­bod­­y>­<­/­tb­­ody­­>
corps du tableau
<t­­foo­­t>­<­/­tf­­oot­­>
pied du tableau

génériques

<sp­an>
Balise générique de type inline
<di­v>
Balise générique de type block
 

Liste

<ul>
Liste à puces
<ol>
Liste numérotée
<li>
Élément de la liste (puces­/nu­mér­otée)
<dl>
Liste de défini­tions
<dt>
Terme à définir
<dd>
Définition du terme

Formul­­aires

<f­­orm­­>
Déclare un formulaire
<fi­eld­set>
Groupe de champs
<le­gen­d>
Titre d'un groupe de champs
<la­bel>
Libellé d'un champ
<input type="#­" value=­"­#">
Champ de formulaire (texte, mot de passe, case à cocher, bouton, etc.)
<te­xta­rea>
Zone de saisie multiligne
<se­lec­t>
Liste déroulante
<op­tio­n>
Élément d'une liste déroulante
<op­tgr­oup>
Groupe d'éléments d'une liste déroulante
Pas de balise fermante pour <in­put­>.

Section

<he­ade­r>
En-tête
<na­v>
Liens principaux de navigation
<fo­ote­r>
Pied de page
<se­cti­on>
Section de page
<ar­tic­le>
Article (contenu autonome)
<as­ide>
Inform­ations complé­men­taires

Média

<img src="#" alt="#">
Image
<object data="#­" type="#­"
ressource externe
​<p­ict­ure>
Encadre la balise source
<au­dio>
Encadre la balise source
<vi­deo>
Encadre la balise source
​<S­our­ce>
Format source pour les balises audio, vidéo, picture
       

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

          French Cheat Sheet
          PHP Syntaxe & Fondamentaux - FR Cheat Sheet