Référence HTML

Références HTML

Les balises les plus courantes
ont un arrière-plan gris.

GÉNÉRAL (Tous les documents HTML devraient contenir ces étiquettes)

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

DÉFINITION STRUCTURALE (L'apparence dépend des options choisies dans la configuration du fureteur)

Grosseur de texte (la spécification définit 6 niveaux)	<H?>..........</H?>
Alignement	<H? ALIGN=LEFT\|CENTER\|RIGHT>..........</H?>
Bloc en retrait	<BLOCKQUOTE>..........</BLOCKQUOTE>
Emphase (habituellement présentée en italique)	<EM>..........</EM>
Emphase forte (habituellement présentée en gras)	<STRONG>..........</STRONG>
Citation (habituellement présentée en italique)	<CITE>..........</CITE>
Code (pour l'affichage de fichiers de programmation)	<CODE>..........</CODE>
Échantillon de sortie	<SAMP>..........</SAMP>
Entrée au clavier	<KBD>..........</KBD>
Variable	<VAR>..........</VAR>
Adresse de l'auteur	<ADDRESS>..........</ADDRESS>
Grandeur de caractère large	<BIG>..........</BIG>
Grandeur de caractère petite	<SMALL>..........</SMALL>

FORMAT DE PRÉSENTATION (l'apparence du texte)

Gras	<B>..........</B>
Italique	<I>..........</I>
Souligné	<U>..........</U>
Rayé	<STRIKE>..........</STRIKE>
Rayé	<S>..........</S>
Indice	<SUB>..........</SUB>
Exposant	<SUP>..........</SUP>
Imprimé (affiche le texte en simple espacement)	<TT>..........</TT>
Pré-formaté (affiche le texte dans son format original)	<PRE>..........</PRE>
Largeur (en caractères)	<PRE WIDTH=?>..........</PRE>
Centré (pour le texte et les images)	<CENTER>..........</CENTER>
Clignotant	<BLINK>..........</BLINK>
Grandeur de caractère (entre 1 et 7)	<FONT SIZE=?>..........</FONT>
Changement de la grandeur de caractère	<FONT SIZE="+\|-?">..........</FONT>
Grandeur de caractère de base (entre 1-7; défaut est 3)	<BASEFONT SIZE=?>
Couleur de caractère	<FONT COLOR="#$$$$$$">..........</FONT>
Sélection de caractère	<FONT FACE="">..........</FONT>*
Multi-colonnes	<MULTICOL COLS=?>..........</MULTICOL>
Longueur de colonnes	<MULTICOL GUTTER=?>..........</MULTICOL>
Largeur de colonnes	<MULTICOL WIDTH=?>..........</MULTICOL>
Espaceur	<SPACER>
Type d'espaceur	<SPACER TYPE=horizontal\|vertical\|block>
Grandeur	<SPACER SIZE=?>
Dimensions	<SPACER WIDTH=? HEIGHT=?>
Alignement	<SPACER ALIGN=left\|right\|center>

LIENS ET GAPHIQUES

Lier quelque chose	<A HREF="URL">..........</A>
Lier un pointeur (dans un autre document)	<A HREF="URL#">..........</A>*
Lier un pointeur (dans le présent document)	<A HREF="#">..........</A>*
Fenêtre-cible	<A HREF="URL" TARGET="">..........</A>*
Définition de la cible	<A NAME="">..........</A>*
Afficher une image	<IMG SRC="URL">
Alignement	<IMG SRC="URL" ALIGN=TOP\|BOTTOM\|MIDDLE\|LEFT\|RIGHT>
Alignement	<IMG SRC="URL" ALIGN=TEXTTOP\|ABSMIDDLEBASELINE\| ABSBOTTOM>
Alternative (si l'image n'est pas affichée)	<IMG SRC="URL" ALT="">*
Dimensions (en pixels)	<IMG SRC="URL" WIDTH=? HEIGHT=?>
Bordure (en pixels)	<IMG SRC="URL" BORDER=?>
Espace environnanr (en pixels)	<IMG SRC="URL" HSPACE=? VSPACE=?>
Low-Res Proxy	<IMG SRC="URL" LOWSRC="URL">
Carte-image (requiert un script)	<IMG SRC="URL" ISMAP>
Carte-image	<IMG SRC="URL" USEMAP="URL">
Carte (image MAP) (décrit la carte)	<MAP NAME="">..........</MAP>*
Section	<AREA SHAPE="RECT" COORDS=",,," HREF="URL"\|NOHREF>
Appel client	<META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">
Objet encastré (insertion d'un objet dans la page)	<EMBED SRC="URL">
Grandeur de l'objet	<EMBED SRC="URL" WIDTH=? HEIGHT=?>

SÉPARATEURS

Paragraphe (étiquette de fermeture non nécessaire)	<P>..........</P>
Alignement du texte	<P ALIGN=LEFT\|CENTER\|RIGHT>..........</P>
Fin de ligne (simple retour de chariot)	<BR>
Alignement forcé	<BR CLEAR=LEFT\|RIGHT\|ALL>
Trait horizontal	<HR>
Alignement	<HR ALIGN=LEFT\|RIGHT\|CENTER>
Épaisseur (en pixels)	<HR SIZE=?>
Largeur (en pixels)	<HR WIDTH=?>
Pourcentage (en tant que pourcentage de la largeur de la page)	<HR WIDTH="%">
Ligne solide (sans l'effet 3D)	<HR NOSHADE>
Sans coupure (prévient les coupures de mots)	<NOBR>..........</NOBR>
Coupure de mot (où couper une ligne si désiré)	<WBR>

CARACTERES SPÉCIAUX (tout doit être en minuscule)

Caractère spécial (où ? est le code ISO 8859-1)	&#?;
<	<
>	>
&	&
"	"
®	®
©	©
Espace
(Liste complète à <http://www.uni-passau.de/%7Eramsch/iso8859-1.html>)

ARRIERE-PLAN ET COULEURS

Texture	<BODY BACKGROUND="URL de l'image">
Couleur d'arrière-plan	<BODY BGCOLOR="#$$$$$$">
Couleur de texte	<BODY TEXT="#$$$$$$">
Couleur de lien	<BODY LINK="#$$$$$$">
Lien visité	<BODY VLINK="#$$$$$$">
Lien actif	<BODY ALINK="#$$$$$$">
(Plus d'information à <http://werbach.com/web/wwwhelp.html#color>)

LISTES (Les listes peuvent contenir d'autres listes)

Liste non ordonnée	<UL><LI>..........</UL> (<LI> avant chaque item d'une liste)
Compacte	<UL COMPACT>..........</UL>
Type de puce (pour la liste entière)	<UL TYPE=DISC\|CIRCLE\|SQUARE>
Type de puce (celui-ci et subséquent)	<LI TYPE=DISC\|CIRCLE\|SQUARE>
Liste ordonnée	<OL><LI>..........</OL> (<LI> avant chaque item d'une liste)
Compacte	<OL COMPACT>..........</OL>
Type de numérotation (pour la liste entière)	<OL TYPE=A\|a\|I\|i\|1>
Type de numérotation (celui-ci et subséquent)	<LI TYPE=A\|a\|I\|i\|1>
Numéro de départ (pour la liste entière)	<OL START=?>
Numéro de départ (celui-ci et subséquent)	<LI VALUE=?>
Liste de définition	<DL><DT>..........<DD>..........</DL> (<DT>=terme, <DD>=définition)
Compacte	<DL COMPACT></DL>
Liste de menu	<MENU><LI>..........</MENU> (<LI> avant chaque item d'une liste)
Compact	<MENU COMPACT></MENU>
Liste de répertoire	<DIR><LI>..........</DIR> (<LI> avant chaque item d'une liste)
Compacte	<DIR COMPACT></DIR>

FORMULAIRES (généralement requiert un script exécutable sur le serveur pour traiter l'information)

Définition d'un formulaire	<FORM ACTION="URL" METHOD=GET\|POST></FORM>
Téléchargement de fichier	<FORM ENCTYPE="multipart/form-data></FORM>
Champ d'entrée	<INPUT TYPE="TEXT\|PASSWORD\|CHECKBOX\|RADIO\| IMAGE\| HIDDEN\|SUBMIT\|RESET">
Nom du champ	<INPUT NAME="">*
Valeur du champ	<INPUT VALUE="">*
Coché ? (boutons à cocher et radios)	<INPUT CHECKED>
Grandeur du champ (en caractères)	<INPUT SIZE=?>
Longueur maximale (en caractères)	<INPUT MAXLENGTH=?>
Liste de sélection	<SELECT></SELECT>
Nom d'une liste	<SELECT NAME=""></SELECT>*
# d'options	<SELECT SIZE=?></SELECT>
Choix multiples (peut en choisir plus d'un)	<SELECT MULTIPLE>
Option (items pouvant être selectionnés)	<OPTION>
Option par défaut	<OPTION SELECTED>
Grandeur de la boîte d'entrée	<TEXTAREA ROWS=? COLS=?></TEXTAREA>
Nom de la boîte	<TEXTAREA NAME="">..........</TEXTAREA>*
"Wrap Text"	<TEXTAREA WRAP=OFF\| VIRTUAL\|PHYSICAL>..........</TEXTAREA>

TABLEAUX

Définition du tableau	<TABLE>..........</TABLE>
Bordure (peut être actif ou non)	<TABLE BORDER>..........</TABLE>
Grandeur de la bordure (peut définir la valeur)	<TABLE BORDER=?>..........</TABLE>
Espace des cellules	<TABLE CELLSPACING=?>
Enrobage des cellules	<TABLE CELLPADDING=?>
Largeur désirée (en pixels)	<TABLE WIDTH=?>
Largeur en pourcentage (pourcentage de la page)	<TABLE WIDTH=%>
Ligne de tableau	<TR>..........</TR>
Alignement	<TR ALIGN=LEFT\|RIGHT\|CENTER VALIGN=TOP\|MIDDLE\|BOTTOM>
Cellule de tableau (doit apparaître dans une ligne)	<TD>..........</TD>
Alignement	<TD ALIGN=LEFT\|RIGHT\|CENTER VALIGN=TOP\|MIDDLE\|BOTTOM>
Pas de coupures	<TD NOWRAP>
Débordement d'une colonne	<TD COLSPAN=?>
Débordement d'un ligne	<TD ROWSPAN=?>
Largeur désirée (en pixels)	<TD WIDTH=?>
Largeur en pourcentage (pourcentage du tableau)	<TD WIDTH="%">
Couleur de cellule	<TD BGCOLOR="#$$$$$$">
En-tête de tableau (comme les données, mais centré et gras)	<TH>..........</TH>
Alignement	<TH ALIGN=LEFT\|RIGHT\|CENTER VALIGN=TOP\|MIDDLE\|BOTTOM>
Sans coupures	<TH NOWRAP>
Colonnes à fusionner	<TH COLSPAN=?>
Lignes à fusionner	<TH ROWSPAN=?>
Largeur désirée (en pixels)	<TH WIDTH=?>
Largeur en pourcentage (pourcentage du tableau)	<TH WIDTH="%">
Couleur d'une cellule	<TH BGCOLOR="#$$$$$$">
Légende du tableau	<CAPTION>..........</CAPTION>
Alignement (sur ou sous le tableau)	<CAPTION ALIGN=TOP\|BOTTOM>

CADRES (définit et manipule des régions spécifiques de l'écran)

Document à cadres (au lieu de <BODY>)	<FRAMESET></FRAMESET>
Hauteur des lignes (pixels ou %)	<FRAMESET ROWS=,,,></FRAMESET>
Hauteur des lignes (* = grandeur relative)	*<FRAMESET ROWS=></FRAMESET>**
Largeur des colonnes (pixels ou %)	<FRAMESET COLS=,,,></FRAMESET>
Largeur des colonnes (* = grandeur relative)	*<FRAMESET COLS=></FRAMESET>**
Bordures	<FRAMESET FRAMEBORDER="yes\|no">
Largeur de bordure	<FRAMESET BORDER=?>
Couleur de bordure	<FRAMESET BORDERCOLOR="#$$$$$$">
Définition d'un cadre (contenu d'un cadre individuel)	<FRAME>
Afficher un document	<FRAME SRC="URL">
Nom du cadre	<FRAME NAME=""\|_blank\|_self\|_parent\|_top>*
Largeur de la marge (marge à gauche et à droite)	<FRAME MARGINWIDTH=?>
Hauteur de la marge (marge en haut et en bas)	<FRAME MARGINHEIGHT=?>
Défilement?	<FRAME SCROLLING="YES\|NO\|AUTO">
Non modifiable	<FRAME NORESIZE>
Bordures	<FRAME FRAMEBORDER="yes\|no">
Couleurs des bordures	<FRAME BORDERCOLOR="#$$$$$$">
Contenu non cadré (pour les vieux fureteur incapable d'afficher les cadres)	<NOFRAMES></NOFRAMES>

JAVA

Applet	<APPLET>..........</APPLET>
Nom du fichier	<APPLET CODE="">*
Paramètres	<APPLET PARAM NAME="">*
Lieu	<APPLET CODEBASE="URL">
Identificateur (pour références)	<APPLET NAME="">*
Alternative texte (pour les navigateurs non Java)	<APPLET ALT="">*
Alignement	<APPLET ALIGN="LEFT\|RIGHT\|CENTER">
Grandeur (en pixels)	<APPLET WIDTH=? HEIGHT=?>
Espacement (en pixels)	<APPLET HSPACE=? VSPACE=?>

DIVERS

Commentaires (pas affiché par le navigateur)	<!-- * -->**
Prologue	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
Indicateur de recherche (indique un index de recherche)	<ISINDEX>
Ligne de commande (texte pour indiquer l'entrée de donnée)	<ISINDEX PROMPT="">*
Envoie de la recherche (utiliser un point d'interrogation)	<A HREF="URL?"></A>*
URL de ce fichier (doit être dans l'en-tête)	<BASE HREF="URL">
Nom de base de la fenêtre (doit être dans l'en-tête)	<BASE TARGET="">*
Relation (dans l'en-tête)	<LINK REV="" REL="" HREF="URL">
Information META (doit être dans l'en-tête)	<META>
Feuilles de style (pas supporté partout)	<STYLE>..........</STYLE>
Scripts (pas supporté partout)	<SCRIPT>..........</SCRIPT>