LE GUIDE RAPIDE DU LANGAGE HTML

par Kevin Werbach
Version 3.0f Formattée -- 21 juillet, 1996

La dernière version de ce document est disponible à <http://werbach.com/barebones/>.

Le guide rapide du langage HTML établie la liste de toutes les étiquettes que les versions courantes des navigateurs W3 sont capables de reconnaître. J'y ai inclus toutes les étiquettes de la spécification du langage HTML 3.2, en plus des extensions Netscape inclues dans les versions du navigateur Netscape jusqu'à la version 3.0b5. Ce guide a été conçue pour être le plus concis possible, et par ce fait ne comprend pas de détails disant comment utiliser ces étiquettes. Il existe plusieurs guides HTML sur l'Internet, j'ai plusieurs liens disponibles dans ma page d'aide W3; Les commentaires et suggestions sont toujours le bienvenue.

Table des matières
  1. MATÉRIEL D'INTRODUCTION

  2. ÉTIQUETTES HTML

    Important: Pour plus d'informations à propos des différences entre le langage HTML 2.0, HTML 3.0, HTML 3.2, et les extensions Netscape, Je vous suggère de lire la déclaration W3C sur le développement du HTML.

GÉNÉRAL

 

 Type de document <HTML></HTML> (au début et à la fin du document)
Titre <TITLE></TITLE> (nom du fichier; doit être dans l'en-tête)
En-tête <HEAD></HEAD> (titre de description)
Corps <BODY></BODY> (corps du document) 

 
 

DÉFINITION STRUCTURALE

 

 En-tête <H?></H? > (6 niveaux d'en-têtes)

 

 En-tête alignée <H? ALIGN=LEFT|CENTER|RIGHT></H?> [*]

 

 Division <DIV></DIV>

 

 Division alignée <DIV ALIGN=LEFT|CENTER|RIGHT|JUSTIFY></DIV>
Bloc en retrait <BLOCKQUOTE></BLOCKQUOTE>[ *]

 

 

 Emphase <EM></EM> (habituellement présenté en italique)

 

 Forte emphase <STRONG></STRONG> (habituellement présenté en gras)

 

 Citation <CITE></CITE> (habituellement en italique)

 

 Code <CODE></CODE> (pour l'affichage de fichier de programmation)

 

 Échantillon de sortie <SAMP></SAMP>

 

 

 Entrée au clavier <KBD></KBD>

 

 

 Variable <VAR></VAR>

 

 

 Définition <DFN></DFN> (non officiel)
Adresse de l'auteur(e) <ADDRESS></ADDRESS>

 

 

 Grande police de caractères <BIG></BIG>

 

 

 Petite police de caractères <SMALL></SMALL>

 

 

 

FORMAT DE PRÉSENTATION

 

 Gras <B></B>

 

 

 Italique <I></I>

 
N3.0b Souligné <U></U> (non officiel)

 

 Rayé <STRIKE></STRIKE> (non officiel)
N3.0b Rayé <S></S> (non officiel)

 

 Indice <SUB></SUB>

 

 

 Exposant <SUP></SUP>

 

 

 Imprimé <TT></TT> (présenté dans une police de caractères à simple espacement)

 

 Préformaté <PRE></PRE> (affiche le texte dans son format original)

 

 Largeur <PRE WIDTH=?></PRE> (s'applique aux caractères)

 

 Centré < CENTER></CENTER> [*] (pour le texte et les images)
N1.0 Clignotement <BLINK>< /BLINK> (étiquette tournée en dérision)

 

 Grandeur de la police <FONT SIZE=?></FONT> (entre 1-7)

 

 Changement de la grandeur de la police <FONTSIZE=+|-?></FONT>

 
N1.0 Grandeur de la police de base <BASEFONT SIZE=?> (entre 1-7; par défaut 3)

 

 Couleur de la police <FONT COLOR="#$$$$$$"></FONT>

 

N3.0b

Sélection de fonte

<FONT FACE="***"></FONT>

 

N3.0b

Texte en multi-colonnes

<MULTICOL COLS=?></MULTICOL>

 

N3.0b

Longueur de la colonne

<MULTICOL GUTTER=?></MULTICOL>

(défaut est 10 pixels)

N3.0b

Largeur de la colonne

<MULTICOL WIDTH=?></MULTICOL>

 

N3.0b

Espaceur

<SPACER>

 

N3.0b

Type d'espaceur

<SPACER TYPE=horizontal| vertical|block>

 

N3.0b

Grandeur d'espaceur

<SPACER SIZE=?>

 

N3.0b

Dimensions de l'espaceur

<SPACER WIDTH=? HEIGHT=?>

 

N3.0b

Alignement de l'espaceur

<SPACER ALIGN=left|right|center>

  

 
 

LIENS ET IMAGES

 

 Lier quelque chose <A HREF="URL"></A>

 

 

 Lier un pointeur <A HREF="URL#***"></A> (si c'est dans un autre document)

 

 

 <A HREF="#***">< /A> (si c'est dans le même document)
N2.0 Fenêtre cible <A HREF="URL" TARGET="***| |_blank|_self|_parent|_top"></A>

 

 

 Définition du pointeur <A NAME="***"></A>

 

 

Relation

<A REL="***"></A>

(pas largement implanté)

 

Relation inverse

<A REV="***"></A>

(pas largement implanté)

Afficher une image <IMG SRC="URL">

 

 

 Alignement <IMG SRC="URL"ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>

 
N1.0 Alignement <IMG SRC="URL" ALIGN=LEFT|RIGHT|TEXTTOP|
ABSMIDDLE|BASELINE|ABSBOTTOM>

 

 

 Alternative <IMG SRC="URL" ALT="***"> (si l'image n'est pas affichée)

 

 Carte-image <IMG SRC="URL" ISMAP> (requiert un exécutable)

 

 Carte-image client <IMG SRC="URL" USEMAP="URL"> (requiert un exécutable)

 

 Nom de la carte <MAP NAME="***"></MAP> (décrit la carte)

 

 Sections de la carte <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF>

 

 

 Dimensions <IMG SRC="URL" WIDTH="?" HEIGHT="?"> (en pixels)

 

 Bordure <IMG SRC="URL" BORDER=?> (en pixels)

 

 Espace environnant <IMG SRC="URL" HSPACE=? VSPACE=?> (en pixels)
N1.0 Low-Res Proxy <IMG SRC="URL"LOWSRC="URL">

 

N1.1

Appel client

<META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">

 

N2.0

Objet encastré

<EMBED SRC="URL">

(insert un objet dans la page)

N2.0

Dimension de l'objet

<EMBED SRC="URL" WIDTH=? HEIGHT=?>

  

 

SÉPARATEURS

  Paragraphe <P></P> [* ] (étiquette de fin souvent pas nécessaire)

 

 Alignement du texte <P ALIGN=LEFT|CENTER|RIGHT></P> [*] (double retour)

 

 Fin de ligne <BR> (simple retour)

 

 Alignement forcé <BR CLEAR=LEFT|RIGHT|ALL>

 

 

 Ligne horizontale <HR>

 

 

 Alignement <HR ALIGN=LEFT|RIGHT|CENTER>

 

 

 Épaisseur <HR SIZE=?> (en pixels)

 

 Largeur <HR WIDTH=?> (en pixels)
N1.0 Largeur <HR WIDTH=%> (en tant que pourcentage de la largeur de la page)

 

 Ligne pleine <HR NOSHADE> (sans l'effet 3D)
N1.0 Sans-coupure <NOBR></NOBR> (prévient la coupure des lignes)
N1.0 Coupure de mot <WBR> (endroit où couper une ligne si nécessaire) 

 

LISTES

 

 

 Liste non-ordonnée <UL><LI></UL> (<LI> avant chaque item de la liste)

 

Compacte

<UL COMPACT></UL>

 

N1.0 Type d'indicateur <UL TYPE=DISC|CIRCLE|SQUARE> (pour la liste entière)

 

 

 <LI TYPE=DISC|CIRCLE|SQUARE> (celui-ci & subséquent)

 

 Liste ordonnée <OL><LI></OL> (<LI> avant chaque item de la liste)

 

Compacte

<OL COMPACT></OL>

 

N1.0 Type de nombres <OL TYPE=A|a|I|i|1> (pour la liste entière)

 

 

 <LI TYPE=A|a|I|i|1> (celui-ci & subséquent)
N1.0 Nombre de départ <OL START=?> (pour la liste entière)

 

 

 <LI VALUE=?> (celui-ci & subséquent)

 

 Liste de définitions <DL><DT><DD></DL> (<DT>=terme, <DD>=définition)

 

Compacte

<DL COMPACT></DL>

 

 

 Liste de menus <MENU><LI></MENU> (<LI> avant chaque item de la liste)

 

Compacte

<MENU COMPACT></MENU>

 

 

 Liste de répertoires <DIR><LI></DIR> (< LI> avant chaque item de la liste)

 

Compacte

<DIR COMPACT></DIR>

  

 

ARRIÈRE-PLAN ET COULEURS

N1.1 Couleur d'arrière-plan <BODY BGCOLOR="#$$$$$$"> [*] (ordre est rouge/vert/bleu)

 

 Texture <BODY BACKGROUND="URL"> [*]

 
N1.1 Couleur du texte <BODY TEXT="#$$$"> [*]

 
N1.1 Couleur des liens <BODY LINK="#$$$"> [*]

 

 

 Couleur des liens visités <BODY VLINK="#$$$"> [*]

 
N1.1 Liens actifs <BODY ALINK="#$$$">

 
(plus d'informations à http://werbach.com/web/wwwh elp.html#color)

CARACTÈRES SPÉCIAUX

 

 code ISO &#?; (où le ? représente le code ISO8859-1)

 

 < &lt;

 

 

 > &gt;

 

 

 & &amp;

 

 

 " &quot;

 

 

 Registered TM &reg;

 

 

 Copyright &copy;

 

 

 Espace &nbsp;

 
(Une liste complète est disponible à http://www.uni-passau.de/%7Eramsch/iso8859-1.html)

FORMULAIRES

 

 Formulaire <FORM ACTION="URL" METHOD=GET|POST></FORM>

 
N2.0 Transfert de fichier <FORM ENCTYPE="multipart/form-data></FORM>

 

 

 Champ d'entrée de données <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN| SUBMIT|RESET">

 

 Nom du champ <INPUT NAME="***">

 

 

 Valeur du champ <INPUT VALUE="***">

 

 

 Vérifié? <INPUT CHECKED> (boutons de vérification et boutons radio)

 

 Grandeur du champ <INPUT SIZE=?> (en caractères)

 

 Longueur maximum <INPUT MAXLENGTH=?> (en caractères)

 

 Liste de sélection <SELECT></SELECT>

 
Nom d'une liste <SELECT NAME="***"></SELECT>

 

 

 Nombre d'options <SELECT SIZE=?></SELECT>

 

 

 Choix multiples <SELECT MULTIPLE> (permet une sélection multiple)

 

 Option < OPTION> (items qui peuvent être sélectionnés)

 

 Option par défaut <OPTION SELECTED>

 

 

 Grandeur de la boîte d'entrée de données <TEXTAREA ROWS=? COLS=?>
</TEXTAREA>

 

 

 Nom de la boîte <TEXTAREA NAME="***">
</TEXTARE A>

 

 

 "Wrap Text" <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL> </TEXTAREA>

 

 

 

TABLEAUX

 

 Définition d'un tableau <TABLE></TABLE> [*]

 

 

 Bordure du tableau <TABLE BORDER=?></TABLE>

 

 

 Espace des cellules <TABLE CELLSPACING=?>

 

 

 Espace de la bordure des cellules <TABLE CELLPADDING=?>

 

 

 Largeur <TABLE WIDTH=?> (en pixels)

 

 Largeur <TABLE WIDTH=%> (pourcentage de la page)

 

 Lignes du tableau <TR></TR>

 

 

 Alignement <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>

 

 Cellules du tableau <TD></TD> (doit apparaître à l'intérieur des lignes d'un tableau)

 

 Alignement <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>

 

 Sans-coupure <TD NOWRAP>

 

 

 Débordement d'une colonne <TD COLSPAN=?>

 

 

 Débordement des lignes <TD ROWSPAN=?>

 
N1.1 Largeur <TD WIDTH=?> (en pixels)
N1.1 Largeur <TD WIDTH=%> (en pourcentage du tableau)

N3.0b

Couleur de cellule

<TD BGCOLOR="#$$$$$$">

 

 

 En-tête du tableau <TH></TH> (semblable aux données, centré et gras)

 

 Alignement <TH ALIGN=LEFT|RIGHT|CENTER|MIDDLE|BOTTOM>

 

 Sans-retour <TH NOWRAP>

 

 

 Débordement de colonnes <TH COLSPAN=?>

 

 

 Débordement de lignes <TH ROWSPAN=?>

 
N1.1 Largeur <TH WIDTH=?> (en pixels)
N1.1 Largeur <TH WIDTH=%> (en pourcentage du tableau)

N3.0b

Couleur de cellule

<TH BGCOLOR="#$$$$$$">

 

 

 Légende du tableau <CAPTION></CAPTION>

 

 

 Alignement <CAPTION ALIGN=TOP|BOTTOM> (sur ou sous le tableau) 

 

CADRES

N2.0 Cadre du document <FRAMESET></FRAMESET> (au lieu de <BODY>)
N2.0 Hauteur des lignes <FRAMESET ROWS=,,,></FRAMESET> (en pixels ou pourcentage)
N2.0 Hauteur des lignes <FRAMESET ROWS=*></FRAMESET> (* = grandeur relative)
N2.0 Largeur des colonnes <FRAMESET COLS=,,,></FRAMESET> (en pixels ou pourcentage)
N2.0 Largeur des colonnes <FRAMESET COLS=*></FRAMESET> (* = grandeur relative)

N3.0b

Lageur de la bordure

<FRAMESET BORDER=?>

 

N3.0b

Bordures

<FRAMESET FRAMEBORDER="yes|no">

 

N3.0b

Couleur de la bordure

<FRAMESET BORDERCOLOR="#$$$$$$">

 

N2.0 Définition d'un cadre <FRAME> (items d'un cadre individuel)
N2.0 Afficher le document <FRAME SRC="URL">

 
N2.0 Nom du cadre <FRAME NAME="***"|_blank|_self|_parent|_top>

 
N2.0 Largeur de la marge <FRAME MARGINWIDTH=?> (marges à gauche et à droite)
N2.0 Hauteur de la marge <FRAME MARGINHEIGHT=?> (marges en haut et en bas)
N2.0 Défilement du texte <FRAME SCROLLING="YES|NO|AUTO">

 
N2.0 Défilement du texte <FRAME NORESIZE>

 

N3.0b

Bordures

<FRAME FRAMEBORDER="yes|no">

 

N3.0b

Couleur de la bordure

<FRAME BORDERCOLOR="#$$$$$$">

 

N2.0 Contenu non-encadré <NOFRAMES></NOFRAMES> (pour les lecteurs WWW incapables d'utiliser les cadres)

 

JAVA

 

Applet

<APPLET></APPLET>

 

 

Nom de fichier applet

<APPLET CODE="***">

 

 

Paramètres

<APPLET PARAM NAME="***">

 

 

Position de l'applet

<APPLET CODEBASE="URL">

 

 

Identificateur Applet

<APPLET NAME="***">

(pour faire référence ailleurs dans une page)

 

Alternative en texte

<APPLET ALT="***">

(pour les navigateurs non-java)

 

Alignement

<APPLET ALIGN="LEFT|RIGHT|CENTER">

 

 

Grandeur

<APPLET WIDTH=? HEIGHT=?>

(en pixels)

 

Espacement

<APPLET HSPACE=? VSPACE=?>

(en pixels)

 

DIVERS

 

 Commentaires <!--***--> (n'est pas affiché par le lecteur WWW)

 

 Prologue HTML 3.2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD W3 HTML 3.2//EN"> [*]

 

 Indicateur de recherche <ISINDEX> (indique un index de recherche)
N1.0 Ligne de commande <ISINDEX PROMPT="***"> (texte pour indiquer l'entrée de données)

 

 Envoie de la recherche <A HREF="URL?***"></A> (utiliser un point d'interrogation)

 

 URL de ce fichier <BASE HREF="URL"> (doit être dans l'en-tête du document)

 

 Nom de base de la fenêtre <BASE TARGET="***"> (doit être dans l'en-tête du document)

 

 Relation <LINK REV="***" REL="***" HREF="URL"> (dans l'en-tête du document)

 

 Information META <META> (dans l'en-tête du document)

 

Feuilles de styles

<STYLE></STYLE>

(pas supporté largement)

 

Scripts

<SCRIPT></SCRIPT>

(pas supporté largement) 

 
 

Copyright ©1995-1997 Kevin Werbach. Toute distribution non-commerciale est permise. Ce guide n'est pas un produit de Bare Bones Software; la similarité des noms est une pure coincidence. 

 

Menu | LISTE DES ÉTIQUETTES | Version texte | Page d'acceuil de Kevin