Introduction

J'ai appris tout mon HTML en me promenant de site en site. Malheureusement, plus le temps passait et plus ma liste de r�f�rence s'allongeait; il me fallait un temps fou pour trouver dans quelle page j'avais vu une information, d'o� m'est venu l'id�e d'�crire ce guide. Je vise � �tre le plus complet possible. Si vous trouvez des �l�ments qui brillent par leur absence, je vous serais reconnaissant de me les signaler.

L'un des meilleurs moyens pour apprendre l'HTML est de comparer le fichier source avec le r�sultat � l'�cran. Il est m�me parfois pr�f�rable de consulter le code source plut�t que les explications d'un tutorial. J'ai donc choisi de surcharger d'exemples ce document. Dans ce document, nous pr�sentons les exemples de deux fa�ons. Lorsque c'est possible, nous pr�senterons le r�sultat suivi du code que nous avons utilis� pour l'obtenir. Lorsque nous pr�sentons des exemples sous cette forme, nous utilisons des lignes noires pour les mettre en �vidence (voir l'exemple d'exemple). Dans de rare cas, ce ne sera pas possible, nous donnerons donc seulement le code lui-m�me, sans artifice de pr�sentation.

Ceci est un exemple d'exemple : un lien � Yahoo Ceci est un exemple d'exemple : un lien � <A HREF="http://www.yahoo.com">Yahoo</A>

Terminologie

Voici quelques expressions que je vais utiliser. Il serait important que vous les compreniez bien, car je vais m'en servir tout au long du document.

Expression Signification Exemple
Code source HTML Il s'agit du texte qui est interpr�t� par le fureteur. Le contenu de n'importe quel fichier ayant l'extension .html.
Fureteur Il s'agit d'un logiciel qui permet de naviguer sur l'internet. Internet Explorer, Lynx, Mosaic, Netscape...
Codet Il s'agit de la cha�ne de caract�res reconnue par les fureteurs html. On la retrouve entre un chevron ouvrant ("<") et un chevron fermant (">"). <P> : un codet de paragraphe
Nom d'un codet Il s'agit de la cha�ne de caract�res qui se retrouve entre le chevron ouvrant (<) et le chevron fermant (>) ou un espace (" ") (le premier des deux). <P> : le nom du codet de paragraphe est P
Codet compos� Il s'agit d'un codet qui se pr�sente comme deux cha�nes : l'ouverture et la fermeture du codet. <H1>ttt</H1> : La cha�ne ttt est � l'int�rieur du codet compos� d'en-t�te de niveau 1.
Ouverture du codet Il s'agit d'une cha�nes de caract�res de la m�me forme qu'un codet ordinaire.
Fermeture du codet Il s'agit d'une cha�nes de caract�res de la m�me forme qu'un codet ordinaire, sauf qu'il y a une barre oblique ("/") entre le chevron ouvrant ("<") et le nom du codet.
Int�rieur d'un codet Il s'agit de ce qui se situe entre l'ouverture du codet et sa fermeture.
Param�tres d'un codet Il s'agit des caract�res ins�r�s entre le nom du codet et le chevron fermant (">"). Pour les codets compos�s, on retrouvent des param�tres seulement � l'ouverture du codet. <IMG SRC="fichier.gif"> : Le param�tre source du codet image a pour valeur "fichier.gif".
Valeur d'un param�tre Il s'agit de ce qu'il y a entre le caract�re �gal ("=") situ� apr�s le param�tre et le param�tre suivant ou le chevron fermant (">").

Expression	Signification	Exemple
Code source HTML	Il s'agit du texte qui est interpr�t� par le fureteur.	Le contenu de n'importe quel fichier ayant l'extension .html.
Fureteur	Il s'agit d'un logiciel qui permet de naviguer sur l'internet.	Internet Explorer, Lynx, Mosaic, Netscape...
Codet	Il s'agit de la cha�ne de caract�res reconnue par les fureteurs html. On la retrouve entre un chevron ouvrant ("<") et un chevron fermant (">").	<P> : un codet de paragraphe
Nom d'un codet	Il s'agit de la cha�ne de caract�res qui se retrouve entre le chevron ouvrant (<) et le chevron fermant (>) ou un espace (" ") (le premier des deux).	<P> : le nom du codet de paragraphe est P
Codet compos�	Il s'agit d'un codet qui se pr�sente comme deux cha�nes : l'ouverture et la fermeture du codet.	<H1>ttt</H1> : La cha�ne ttt est � l'int�rieur du codet compos� d'en-t�te de niveau 1.
Ouverture du codet	Il s'agit d'une cha�nes de caract�res de la m�me forme qu'un codet ordinaire.
Fermeture du codet	Il s'agit d'une cha�nes de caract�res de la m�me forme qu'un codet ordinaire, sauf qu'il y a une barre oblique ("/") entre le chevron ouvrant ("<") et le nom du codet.
Int�rieur d'un codet	Il s'agit de ce qui se situe entre l'ouverture du codet et sa fermeture.
Param�tres d'un codet	Il s'agit des caract�res ins�r�s entre le nom du codet et le chevron fermant (">"). Pour les codets compos�s, on retrouvent des param�tres seulement � l'ouverture du codet.	<IMG SRC="fichier.gif"> : Le param�tre source du codet image a pour valeur "fichier.gif".
Valeur d'un param�tre	Il s'agit de ce qu'il y a entre le caract�re �gal ("=") situ� apr�s le param�tre et le param�tre suivant ou le chevron fermant (">").

Nota Bene : J'utilisais anciennement le terme code pour codet. Le code HTML est une expression tout-�-fait acceptable en fran�ais, mais il d�signe l'ensemble des r�gles qui constituent l'HTML ou du texte qui s'y conforme. On ne peut l'utiliser pour parler d'un mot-cl� en particulier.

Index par codets

Les codets sont les mots cl�s reconnus par les fureteurs. Sur chaque ligne de l'index, on retrouve soit un codet, soit un param�tre, soit une valeur. Les codets sont seuls sur leurs lignes. Les param�tres sont suivis du codet correspondant entre parenth�ses. Si le param�tre s'applique � plusieurs codets, il est r�p�t� plusieurs fois. Le param�tre contient un lien seulement s'il existe une entr�e dans la table des mati�res sp�cifique au pamam�tre. Finalement, les valeurs de type �num�r�es sont suivies du mot �voir� et de la liste des param�tres auxquels elles se rapportent. Chaque param�tre est �galement suivi de la liste des codets auxquels le param�tre et la valeur s'appliquent.

Certains codets ne sont pas encore document�s. Nous avons choisi de les incorporer quand m�me dans la liste, ils sont suivis d'un ast�rix. De m�me, les codets qui ne sont pas support�s par Netscape sont suivis de deux ast�rix. (Cette information n'est peut-�tre pas � jour pour Netscape 3.0)

Si vous n'utilisez pas la version avec cadres ("frames"), il est possible que la table des mati�res et l'index par codets apparaissent dans leur propre fen�tre. C'est d� au fait que les m�mes fichiers sont utilis�s par les versions avec et sans cadre. Je n'ai pas fait et je n'ai pas l'intention de faire des fichiers diff�rents pour la version sans cadre. Si vous trouvez que vous avez trop de fen�tres, je vous conseille de fermer les premi�res. Vous pouvez ensuite travailler normalement avec la fonction "back".

Votre premi�re page HTML

Si vous n'avez jamais fait d'HTML et que vous voulez commencer une page, voici ce qu'il vous faut pour d�buter. Sortez votre �diteur de texte pr�f�r� et tapez ces quelques lignes ou ouvrez ce fichier et sauvegardez le tout sur votre disque local. (Si vous utilisez Netscape comme fureteur, enfoncez la touche <Shift> en cliquant sur le lien.) <HEAD> <TITLE>Home page de (votre nom)</TITLE> </HEAD> <BODY> Je m'appelle (votre nom). </BODY> Maintenant, vous pouvez regarder votre future page d'accueil en utilisant l'option �Open File...� du menu �File� de Netscape, ou une option semblable de votre fureteur. Bien s�r que c'est �t�teux�, le but de ce guide est que vous vous d�veloppez une page, non pas que vous vous en copiez une parfaite. Ne vous en faites pas, avec un peu d'huile de coude, elle sera rapidement dans la bonne moyenne. Commencez par ajouter quelques lignes de texte, question de la personnaliser un peu. Ensuite, vous pouvez aller voir d'autres sections pour ajouter des codets int�ressants. Je vous recommande de commencer par des choses simples, par exemple des r�f�rences, des images et des polices.

Sections suivantes

	Les composantes standards La t�te Le corps Le pied Les cadres Les r�f�rences Liens absolus vs les relatifs Les ancres � des fichiers ex�cutables La destination La pr�sentation du texte Son positionnement Les s�parateurs Les en-t�tes Les polices Les styles logiques Les styles physiques L'interpr�tation Les couleurs Les listes Les d�finitions Les images L'alignement La grandeur Les bordures Les tableaux Les bordures La largeur des �l�ments L'alignement des �l�ments La grandeur des cellules Emp�cher les c�sures Les caract�res sp�ciaux	La table des mati�res La liste par codets Retour � ma page principale