Design-Tuto - Pour tous les webmaster !


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)


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 ici)

CARACTÈRES SPÉCIAUX
	code ISO	`&#?;`	(où le ? représente le code ISO8859-1)
	<	`<`
	>	`>`
	&	`&`
	"	`"`
	Registered TM	`®`
	Copyright	`©`
	Espace	` `
(Une liste complète est disponible ici)

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)


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)