Après avoir consulté plusieurs
sources d'information
à propos des commandes HTML, j'ai
décidé de mettre
à jour cette liste que j'avais
créée pour mon propre usage.
La dernière version de ce
document ainsi que les versions traduites
dans plus de 6 autres
langues(différentes du français) peuvent
être obtenues
à l'adresse suivante:
http://werbach.com/web/wwwhelp.html#guides .
Ce document a été conçu pour être bref , et c'est pour cette raison qu'on ne s'y attarde pas à décrire de façon détaillée comment utiliser les différentes étiquettes HTML. Il y a une multitude de guide HTML sur le WWW; J'ai une liste de la plupart de ces sites au URL suivant: http://werbach.com/web/wwwhelp.html#guides.
Ce guide présente une liste des étiquettes que la plupart des clients WWW reconnaissent jusqu'à ce jour. J'y ai inclut tous les codes HTML version 2.0 (spécification courante) en plus des étiquettes propres et non standardisées à Netscape et quelques extensions proposées par le langage HTML version 3.0 (maintenant supportée par la plupart des lecteurs). Ce qui est exclut consiste en: les étiquettes considérées archaïques et quelques étiquettes qui exigent une interaction plus complexe avec le serveur. Il est important de toujours prendre note que les pages utilisant les étiquettes Netscape risquent de ne pas être correctement affichées sur d'autres lecteurs WWW.
Vos commentaires et suggestions sont appréciés. J'espère que cette liste sera aussi précise et conviviale que possible. Vous pouvez me rejoindre à mon adresse de courrier électronique à <barebones@werbach.com>.
SYMBOLES UTILISÉES
| URL | URL d'un fichier externe (ou juste le nom du fichier si dans le même répertoire) |
| ? | Nombre arbitraire (c.-à.-d. <H?> signifie <H1>, <H2>, <H3>, etc.) |
| % | Pourcentage arbitraire (c.-à.-d. <HR WIDTH=%>, comme dans <HR WIDTH=50%>) |
| *** | Texte arbitraire (c.-à.-d. ALT="***" signifie qu'il y a du texte entre les guillemets) |
| $$$$$$ | Hexadécimale arbitraire (c.-à.-d. BGCOLOR="#$$$$$$" comme dans BGCOLOR="#00FF1C", etc.) |
| ,,, | Délimitation par virgules (c.-à.-d. COORDS=",,," comme dans COORDS="0,0,50,50, etc.) |
| | | Alternatif (c.-à.-d. ALIGN=LEFT|RIGHT|CENTER signifie qu'il est possible de choisir l'un des trois) |
COMPATIBILITÉ (le standard HTML évolue et les versions de lecteurs WWW varient)
| (sans note) | Dans la version HTML 2.0; devrait fonctionner avec tous les lecteurs |
| N1.0 | Extension introduite avec la version 1.0 du navigateur Netscape |
| N1.1 | Extension introduite avec la version 1.1 du navigateur Netscape |
| N2.0 | Extension introduite avec la version 2.0 du navigateur Netscape |
| 3.0 | Étiq uettes HTML version 3.0; supportés par Netscape et les principals lecteurs WWW |
| + | Extension Netscape qui est supportée par la majorité des lecteurs WWW |
GÉNÉRAL (Tous les documents HTML devraient contenir ces étiquettes) | ||||
| 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 (L'apparence dépend des options choisies dans la configuration du lecteur WWW) | ||||
| En-tête | <H?></H? > | 6 niveaux d'en-têtes | ||
| 3.0 | En-tête alignée | <H? ALIGN=LEFT|CENTER|RIGHT></H?> | ||
| 3.0 | Division | <DIV></DIV> | ||
| 3.0 | 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> | |||
| 3.0 | Grande police de caractères | <BIG></BIG> | ||
| 3.0 | Petite police de caractères | <SMALL></SMALL> | ||
FORMAT DE PRÉSENTATION (L'auteur(e) spécifie l'apparence du texte) | ||||
| Gras | <B></B> | |||
| Italique | <I></I> | |||
| 3.0 | Souligné | <U></U> | non officiel | |
| 3.0 | Rayé | <S></S> | n on officiel | |
| 3.0 | Indice | <SUB></SUB > | ||
| 3.0 | 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=?&g t;</PRE> | s'applique aux caractères | ||
| N1.0+ | Centré | < CENTER></CENTER> | pour le texte et les images | |
| N1.0 | Clignotement | <BLINK> < /BLINK> | étiquette tournée en dérision | |
| N1.0 | Grandeur de la police | <FONT SIZE=?></FONT> | entre 1-7 | |
| N1.0 | Cha ngement 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 | |
| N2.0 | Couleur de la police | <FONT COLOR="#$$$$$$"></FONT> | ||
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="***"></A> | ||
| Définition du pointeur | <A NAME="***"></A> | |||
| Afficher une image | <IMG SRC="URL"> | |||
| Aligneme nt | <IMG SRC="URL"ALIGN=TOP|BOTTOM|MIDDLE> | |||
| N1.0 | Alignement | <IMG
SRC="URL"
ALIGN=LEFT|RIGHT|TEXTTOP| ABSMIDDLE|BASELINE|ABSBOTTO M> | ||
| Alternative | <IMG SRC="URL" ALT="***"> | si l'image n'est pas affichée | ||
| Carte-image | < IMG SRC="URL" ISMAP> | requiert un exécutable | ||
| N2.0 | Carte-image | < IMG SRC="URL" USEMAP="URL"> | requiert un exécutable | |
| N2.0 | Carte | <MAP NAME="***"></MAP> | décrit la carte | |
| N2.0 | Section | <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF> | ||
| 3.0 | Dimensions | <IMG SRC="URL" WIDTH="?" HEIGHT="?"> | en pixels | |
| N1.0 | Bo rdure | <IMG SRC="URL" BORDER=?> | en pixels | |
| N1.0 | Espace environnant | <IMG SRC="URL" HSPACE=? VSPACE=?> | en pixels | |
| N1.0 | Low-Res Proxy | <IMG SRC="URL"LOWSRC="URL"> | ||
SÉPARATEURS | ||||
| Paragraphe | <P> | double retour | ||
| 3.0 | Paragraphe | <P></P> | double retour | |
| 3.0 | Alignement du texte | <P ALIGN=LEFT|CENTER|RIGHT></P> | double retour | |
| Fin de ligne | <BR> | simple retour | ||
| N1.0 | Alignement forcé | <BR CLEAR=LEFT|RIGHT|ALL> | ||
| Ligne horizontale | <HR> | |||
| N1.0 | Alignement | <HR ALIGN=LEFT|RIGHT|CENTER> | ||
| N1.0 | Épaisseur | <HR SIZE=?> | en pixels | |
| N1.0 | Largeur | & lt;HR WIDTH=?> | en pixels | |
| N1.0 | Largeur | <HR WIDTH=%> | en tant que pourcentage de la largeur de la page | |
| N1.0 | Ligne pleine | <HR NOSHADE> | sans l'effet 3D | |
| N1.0 | Sans-coupure | <NOBR> | prévient la coupure des lignes | |
| N1.0 | Coupure de mot | <WBR> | endroit où couper une ligne si nécessaire | |
LISTES (Les listes peuvent contenir d'autres listes) | ||||
| Liste désordonnée | <UL><LI></UL> | <LI> avant chaque item de la liste | ||
| 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 | ||
| 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 VALUE=?> | pour la liste entière | |
| <LI VALUE=?> | celui-ci & subséquent | |||
| Liste de définitions | <DL><DT><DD></DL> | <DT>=terme, <DD>=définition | ||
| Liste de menus | <MENU><LI></MENU> | <LI> avant chaque item de la liste | ||
| Liste de répertoires | <DIR><LI></DIR> | < LI> avant chaque item de la liste | ||
ARRIÈRE-PLAN ET COULEURS | ||||
| N1.1 | Couleur d'arrière-plan | <BODY BGCOLOR="#$$$$$$"> | ordre est rouge/vert/bleu | |
| 3.0 | Texture | <BODY BACKGROUND="URL"> | ||
| N1.1 | Couleur du texte | <BODY TEXT="#$$$"> | ||
| N1.1 | Couleur des liens | <BODY LINK="#$$$"> | ||
| 3.0 | Couleur des liens visités | <BODY VLINK="#$$$"> | ||
| N1.1 | Liens actifs | <BODY ALINK="#$$$"> | ||
| plus d'informations à http://werbach.com/web/wwwhelp.html#color | ||||
CARACTÈRES SPÉCIAUX (tout doit être en minuscule) | ||||
| code ISO | &#?; | où le ? représente le code ISO8859-1 | ||
| < | < | |||
| > | > | |||
| & | & | |||
| " | " | |||
| Registered TM | ® | |||
| N1.0 | Registered TM | ® | ||
| Copyright | © | |||
| N1.0 | Copyright | © | ||
| Une liste complète est disponible à http://www.uni-passau.de/%7Eramsch/iso8859-1.html | ||||
FORMULAIRES (généralement requiert un script exécutable sur le serveur pour traiter l'information) | ||||
| Forme définie | <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|SUB MIT|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 | ||||
| 3.0 | Définition d'un tableau | <TABLE></TABLE> | ||
| 3.0 | Bordure du tableau | <TABLE BORDER></TABLE> | peut-être actif ou non | |
| N1.1 | Bordure du tableau | <TABLE BORDER=?></TABLE> | la valeur peut être modifiée | |
| N1.1 | Espace des cellules | <TABLE CELLSPACING=?> | ||
| N1.1 | Espace de la bordure des cellules | <TABLE CELLPADDING=?> | ||
| N1.1 | Largeur | <TABLE WIDTH=?> | en pixels | |
| N1.1 | Largeur | <TABLE WIDTH=%> | pourcentage de la page | |
| 3.0 | Lignes du tableau | <TR></TR> | ||
| 3.0 | Alignement | <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> | ||
| 3.0 | Cellules du tableau | <TD></TD> | doit apparaître à l'intérieur des lignes d'un tableau | |
| 3.0 | Alignement | <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> | ||
| 3.0 | Sans-coupure | <TD NOWRAP> | ||
| 3.0 | Débordement d'une colonne | <TD COLSPAN=?> | ||
| 3.0 | Dé bordement des lignes | <TD ROWSPAN=?> | ||
| N1.1 | Large ur | <TD WIDTH=?> | en pixels | |
| N1.1 | Largeur | <TD WIDTH=%> | en pourcentage du tableau | |
| 3.0 | En-tête du tableau | <TH></TH> | semblable aux données, centré et gras | |
| 3.0 | Alignement | <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> | ||
| 3.0 | Sans-retour | <TH NOWRAP> | ||
| 3.0 | Débordement de colonnes | <TH COLSPAN=?> | ||
| 3.0 | Débordement de lignes | <TH ROWSPAN=?> | ||
| N1.1 | Largeur | <TH WIDTH=?> | en pixels | |
| N1.1 | Largeur | <TH WIDTH=%> | en pourcentage du tableau | |
| 3.0 | Légende du tableau | <CAPTION></CAPTION> | ||
| 3.0 | 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 | |
| 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> | ||
| N2.0 | Contenu non-encadré | <NOFRAMES></NOFRAMES> | pour les lecteurs WWW incapables d'utiliser les cadres | |
DIVERS (généralement pas nécessaire pour la création d'une page) | ||||
| Commentaires | <!--***--> | n'est pas affiché par le lecteur WWW | ||
| Prologue | <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"> | |||
| 3.0 | Prologue | <!DOCTYPE HTML PUBLIC "-//W3O//DTD W3 HTML 3.0//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 | |
| Envoi de la recherche | <A HREF="URL?***"></A> | utili ser 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="***& quot; REL="***" HREF="URL"> | dans l'en-tête du document | ||
| Information META | <META> | dans l'en-tête du document | ||
| Copyright © 1995 Kevin Werbach. Toute distribution non-commerciale est permise. Ce guide n'est pas un produit de Bares Bones Software; la similarité des noms est une pure coincidence. Bare Bones Software a accepté de distribuer ce document avec quelques versions de leur éditeur de texte BBEdit. On peut trouver BBEdit à l'adresse suivante: ftp://ftp.netcom.com/pub/bb/bbsw/ |
Dernière version, 18 décembre 1995