Show Menu

HTML Cheat Sheet by

french     francais     html

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

Download the HTML Cheat Sheet

2 Pages
//media.cheatography.com/storage/thumb/rmathieu13_html.750.jpg

PDF (recommended)

Alternative Downloads

Share This Cheat Sheet!

 

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