GUIDE HTML


  • Table des matières

    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> 
     Souligné <U></U> (non officiel) N3.0b
     Rayé <STRIKE></STRIKE> (non officiel)
     Rayé <S></S> (non officiel) N3.0b
     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)
     Clignotement <BLINK>< /BLINK> (étiquette tournée en dérision) N1.0
     Grandeur de la police <FONT SIZE=?></FONT> (entre 1-7)
     Changement de la grandeur de la police <FONTSIZE=+|-?></FONT> 
     Grandeur de la police de base <BASEFONT SIZE=?> (entre 1-7; par défaut 3) N1.0
     Couleur de la police <FONT COLOR="#$$$$$$"></FONT> 
     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>  N3.0b

    LIENS ET IMAGES


     Lier quelque chose <A HREF="URL"></A> 
     Lier un pointeur <A HREF="URL#***"></A> (si c'est dans un autre document)
     Lier un pointeur <A HREF="#***">< /A> (si c'est dans le même document)
     Fenêtre cible <A HREF="URL" TARGET="***| |_blank|_self|_parent|_top"></A>  N2.0
     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> 
     Alignement <IMG SRC="URL" ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>  N1.0
     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)
     Low-Res Proxy <IMG SRC="URL"LOWSRC="URL">  N1.0
     Appel client <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">  N1.1
     Appel client <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">  N1.1
     Objet encastré <EMBED SRC="URL"> (insère un objet dans la page) N2.0
     Dimension de l'objet <EMBED SRC="URL" WIDTH=? HEIGHT=?>  N2.0

    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)
     Largeur <HR WIDTH=%> (en tant que pourcentage de la largeur de la page) N1.0
     Ligne pleine <HR NOSHADE> (sans l'effet 3D)
     Sans-coupure <NOBR></NOBR> (prévient la coupure des lignes) N1.0
     Coupure de mot <WBR> (endroit où couper une ligne si nécessaire) N1.0

    LISTES


     Liste non-ordonnée <UL><LI></UL> (<LI> avant chaque item de la liste)
     Compacte <UL COMPACT></UL> 
     Type d'indicateur <UL TYPE=DISC|CIRCLE|SQUARE> (pour la liste entière) N1.0
     Type d'indicateur <LI TYPE=DISC|CIRCLE|SQUARE> (celui-ci & subséquents)
     Liste ordonnée <OL><LI></OL> (<LI> avant chaque item de la liste)
     Compacte <OL COMPACT></OL> 
     Type de nombres <OL TYPE=A|a|I|i|1> (pour la liste entière) N1.0
     Type de nombres <LI TYPE=A|a|I|i|1> (celui-ci & subséquents)
     Nombre de départ <OL START=?> (pour la liste entière) N1.0
     Nombre de départ <LI VALUE=?> (celui-ci & subséquents)
     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


     Couleur d'arrière-plan <BODY BGCOLOR="#$$$$$$"> (l'ordre est rouge/vert/bleu) N1.1
     Texture <BODY BACKGROUND="URL"> 
     Couleur du texte <BODY TEXT="#$$$">  N1.1
     Couleur des liens <BODY LINK="#$$$">  N1.1
     Couleur des liens visités <BODY VLINK="#$$$"> 
     Liens actifs <BODY ALINK="#$$$">  N1.1

    COULEURS


    #000000#000033
    #000066#000099
    #0000cc#0000ff
    #003300#003333
    #003366#003399
    #0033cc#0033ff
    #006600#006633
    #006666#006699
    #0066cc#0066ff
    #009900#009933
    #009966#009999
    #0099cc#0099ff
    #00cc00#00cc33
    #00cc66#00cc99
    #00cccc#00ccff
    #00ff00#00ff33
    #00ff66#00ff99
    #00ffcc#00ffff
    #330000#330033
    #330066#330099
    #3300cc#3300ff
    #333300#333333
    #333366#333399
    #3333cc#3333ff
    #336600#336633
    #336666#336699
    #3366cc#3366ff
    #339900#339933
    #339966#339999
    #3399cc#3399ff
    #33cc00#33cc33
    #33cc66#33cc99
    #33cccc#33ccff
    #33ff00#33ff33
    #33ff66#33ff99
    #33ffcc#33ffff
    #660000#660033
    #660066#660099
    #6600cc#6600ff
    #663300#663333
    #663366#663399
    #6633cc#6633ff
    #666600#666633
    #666666#666699
    #6666cc#6666ff
    #669900#669933
    #669966#669999
    #6699cc#6699ff
    #66cc00#66cc33
    #66cc66#66cc99
    #66cccc#66ccff
    #66ff00#66ff33
    #66ff66#66ff99
    #66ffcc#66ffff
    #990000#990033
    #990066#990099
    #9900cc#9900ff
    #993300#993333
    #993366#993399
    #9933cc#9933ff
    #996600#996633
    #996666#996699
    #9966cc#9966ff
    #999900#999933
    #999966#999999
    #9999cc#9999ff
    #99cc00#99cc33
    #99cc66#99cc99
    #99cccc#99ccff
    #99ff00#99ff33
    #99ff66#99ff99
    #99ffcc#99ffff
    #cc0000#cc0033
    #cc0066#cc0099
    #cc00cc#cc00ff
    #cc3300#cc3333
    #cc3366#cc3399
    #cc33cc#cc33ff
    #cc6600#cc6633
    #cc6666#cc6699
    #cc66cc#cc66ff
    #cc9900#cc9933
    #cc9966#cc9999
    #cc99cc#cc99ff
    #cccc00#cccc33
    #cccc66#cccc99
    #cccccc#ccccff
    #ccff00#ccff33
    #ccff66#ccff99
    #ccffcc#ccffff
    #ff0000#ff0033
    #ff0066#ff0099
    #ff00cc#ff00ff
    #ff3300#ff3333
    #ff3366#ff3399
    #ff33cc#ff33ff
    #ff6600#ff6633
    #ff6666#ff6699
    #ff66cc#ff66ff
    #ff9900#ff9933
    #ff9966#ff9999
    #ff99cc#ff99ff
    #ffcc00#ffcc33
    #ffcc66#ffcc99
    #ffcccc#ffccff
    #ffff00#ffff33
    #ffff66#ffff99
    #ffffcc#ffffff

    CARACTÈRES SPÉCIAUX


    Ponctuation

    Html Iso
    - &ndash; &#8211;
    _ &mdash; &#8212;
    ¡ &iexcl; &#161;
    ¿ &iquest; &#191;
    " &quot; &#34;
    &ldquo; &#8220;
    &rdquo; &#8221;
    &lsquo; &#8216;
    &rsquo; &#8217;
    « &laquo; &#171;
    » &raquo; &#187;
      &nbsp; &#160;

    Symboles

    Html Iso
    & &amp; &#38;
    ¢ &cent; &#162;
    © &copy; &#169;
    ÷ &divide; &#247;
    > &gt; &#62;
    < &lt; &#60;
    µ &micro; &#181;
    · &middot; &#183;
    &para; &#182;
    ± &plusmn; &#177;
    &euro; &#8364;
    £ &pound; &#163;
    ® &reg; &#174;
    § &sect; &#167;
    &trade; &#153;
    ¥ &yen; &#165;

    Diacritiques

    Html Iso
    á
    Á
    &aacute;
    &Aacute;
    &#225;
    &#193;
    à
    À
    &agrave;
    &Agrave;
    &#224;
    &#192;
    â
    Â
    &acirc;
    &Acirc;
    &#226;
    &#194;
    å
    Å
    &aring;
    &Aring;
    &#229;
    &#197;
    ã
    Ã
    &atilde;
    &Atilde;
    &#227;
    &#195;
    ä
    Ä
    &auml;
    &Auml;
    &#228;
    &#196;
    æ
    Æ
    &aelig;
    &AElig;
    &#230;
    &#198;
    ç
    Ç
    &ccedil;
    &Ccedil;
    &#231;
    &#199;
    é
    É
    &eacute;
    &Eacute;
    &#233;
    &#201;
    è
    È
    &egrave;
    &Egrave;
    &#232;
    &#200;
    ê
    Ê
    &ecirc;
    &Ecirc;
    &#234;
    &#202;
    ë
    Ë
    &euml;
    &Euml;
    &#235;
    &#203;
    í
    Í
    &iacute;
    &Iacute;
    &#237;
    &#205;
    ì
    Ì
    &igrave;
    &Igrave;
    &#236;
    &#204;
    î
    Î
    &icirc;
    &Icirc;
    &#238;
    &#206;
    ï
    Ï
    &iuml;
    &Iuml;
    &#239;
    &#207;
    ñ
    Ñ
    &ntilde;
    &Ntilde;
    &#241;
    &#209;
    ó
    Ó
    &oacute;
    &Oacute;
    &#243;
    &#211;
    ò
    Ò
    &ograve;
    &Ograve;
    &#242;
    &#210;
    ô
    Ô
    &ocirc;
    &Ocirc;
    &#244;
    &#212;
    ø
    Ø
    &oslash;
    &Oslash;
    &#248;
    &#216;
    õ
    Õ
    &otilde;
    &Otilde;
    &#245;
    &#213;
    ö
    Ö
    &ouml;
    &Ouml;
    &#246;
    &#214;
    ß &szlig; &#223;
    ú
    Ú
    &uacute;
    &Uacute;
    &#250;
    &#218;
    ù
    Ù
    &ugrave;
    &Ugrave;
    &#249;
    &#217;
    û
    Û
    &ucirc;
    &Ucirc;
    &#251;
    &#219;
    ü
    Ü
    &uuml;
    &Uuml;
    &#252;
    &#220;
    ÿ &yuml; &#255;
    ´
    `
     
     
    &#180;
    &#96;

    FORMULAIRES


     Formulaire <FORM ACTION="URL"METHOD=GET|POST></FORM> 
     Transfert de fichier <FORMENCTYPE="multipart/form-data></FORM>  N2.0
     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="***"></TEXTAREA> 
     "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=?> 
     Largeur <TD WIDTH=?> (en pixels) N1.1
     Largeur <TD WIDTH=%> (en pourcentage du tableau) N1.1
     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=?> 
     Largeur <TH WIDTH=?> (en pixels)N1.1
     Largeur <TH WIDTH=%> (en pourcentage du tableau) N1.1
     Couleur de cellule <TH BGCOLOR="#$$$$$$">  N3.0b
     Légende du tableau <CAPTION></CAPTION> 
     Alignement <CAPTION ALIGN=TOP|BOTTOM> (sur ou sous le tableau)

    CADRES


     Cadre du document <FRAMESET></FRAMESET> (au lieu de <BODY>)
     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
     Largeur de la bordure <FRAMESET BORDER=?>  N3.0b
     Bordures <FRAMESET FRAMEBORDER="yes|no">  N3.0b
     Couleur de la bordure <FRAMESET BORDERCOLOR="#$$$$$$">  N3.0b
     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
     Bordures <FRAME FRAMEBORDER="yes|no">  N3.0b
     Couleur de la bordure <FRAME BORDERCOLOR="#$$$$$$">  N3.0b
     Contenu non-encadré <NOFRAMES></NOFRAMES> (pour les lecteurs WWW incapables d'utiliser les cadres) N2.0

    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)
     Ligne de commande <ISINDEX PROMPT="***"> (texte pour indiquer l'entrée de données) N1.0
     Envoi 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> (dans l'en-tête du document)
     Feuilles de styles <STYLE></STYLE> (pas supporté largement)
     Scripts <SCRIPT></SCRIPT> (pas supporté largement)

     prototypeur at free dot fr