L'HTML en une page

<BODY> <SMALL>Ce fichier est maintenant disponible en version <A HREF="frames.html" TARGET="_top">cadres ("frames")</A>. Vous pouvez �galement utiliser la <A HREF="menu.html" TARGET="menu">table des mati�res</A> et le <A HREF="codets.html" TARGET="menu">glossaire</A>.</SMALL> <P> Bienvenue, vous �tes le <IMG SRC="http://counter.digits.com/wc/-d/4/LHTMLenunepage" ALING=MIDDLE WIDTH=60 HEIGHT=20 HSPACE=4 BORDER=0> <SUP>e</SUP> � acc�der � l'HTML en une page. <A NAME="Introduction"></A> <H1> Introduction </H1> 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 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 <A HREF="mailto:cote@computer.org">signaler</A>.<P> 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 ma page d'exemples. Dans ce document, je pr�sente mes exemples de deux fa�ons. Les premiers sont mis entre des lignes noires, on retrouve d'abord le r�sultat, puis le m�me code est affich�. Pour les autres exemples, nous donnons seulement le code lui-m�me.<P> <A NAME="Index par codets"></A> <H2><A HREF="codets.html" TARGET="menu"> Index par codets </A></H2> Il s'agit de l'ensemble des mots cl�s reconnus par les <A HREF= "http://www.neomedia.com/iabdd/glossair/glossai.htm#Fure" TARGET="_top">fureteurs</A>. Les codets sont seuls sur leurs lignes. Les param�tres des codets sont suivis du codet entre parenth�ses. Si le param�tre s'applique � plusieurs codets, il est r�p�t� plusieurs fois. Le param�tre est un lien seulement s'il existe une entr�e dans la table des mati�res qui lui est plus sp�cifique que celle du codet. Finalement, les valeurs de type �num�r� sont suivies du mot �voir�, de la liste des param�tres auxquels elles se rapportent et, pour chaque param�tre, la liste des codets qui supportent le param�tre et la valeur.<P> Certains codets ne sont pas encore document�s. Nous avons choisi de les mettre quand m�me dans la liste, suivis d'un ast�rix. De m�me, les codets qui ne sont pas support�s par Netscape sont suivis de deux ast�rix.<P> 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". <P> <HR> <A NAME="Terminologie"></A> <H1> Terminologie </H1> 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.<P> <TABLE BORDER> <TR><TH>Expression <TH>Signification <TH>Exemple <TR><TD>le codet X <TD>Il s'agit de la cha�ne de caract�res "<X>"* <TD><P> : un codet de paragraphe <TR><TD>codet compos� <TD>Il s'agit d'un codet qui se compose d'une cha�ne "<X>" et d'une cha�ne "</X>"* <TD ROWSPAN=2><H1>ttt</H1> : La cha�ne ttt est � l'int�rieur du codet compos� d'en-t�te de niveau 1. <TR><TD>l'int�rieur du codet X <TD>Il s'agit de ce qui se situe entre la cha�ne de caract�res "<X>" et la cha�ne de caract�res "</X>"* <TR><TD>les param�tres du codet X <TD>Il s'agit des caract�res ins�r�s entre la cha�ne "<X" et la cha�ne ">"*, <TD ROWSPAN=2><IMG SRC="fichier.gif"&gt : Le param�tre source du codet image a pour valeur "fichier.gif". <TR><TD>la valeur du param�tre Y <TD>Il s'agit de ce qu'il y a entre le caract�re "=" situ� apr�s le param�tre et le param�tre suivant ou la cha�ne "&gt". </TABLE> <FONT SIZE=1>*sans les guillemets</FONT><P> Nota Bene : J'utilisais anciennement le terme code pour codet. Le code HTML est une expression tout-�-fait utilisable en fran�ais, mais qui d�signe l'ensemble des r�gles qui constituent l'HTML ou du texte qui si conforme. On ne peut l'utiliser pour parler d'un mot-cl� en particulier. <P> <HR> <A NAME="La plus petite page HTML"></A> <H1> Votre premi�re page HTML </H1> 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 ouvrer <A HREF="debut.html">ce fichier</A> et sauvegardez le tout sur votre disque local. (Si vous utilisez Netscape comme <A HREF= "http://www.neomedia.com/iabdd/glossair/glossai.htm#Fure" TARGET="TOP">fureteur</A>, enfoncez la touche <KBD><Shift></KBD> en cliquant sur le lien.) <XMP> <HEAD> <TITLE>Home page (votre nom)</TITLE> </HEAD> <BODY> Je m'appelle (votre nom). </BODY> </XMP> 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 <A HREF= "http://www.neomedia.com/iabdd/glossair/glossai.htm#Fure" TARGET="_top">fureteur</a>. Bien s�r que c'est �t�teux�, le but de ce guide est que vous vous d�veloppez une page, 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 <A HREF="#Les references">r�f�rences</A>, des <A HREF="#Les images">images</A> et des <A HREF="#Les polices">polices</A>. <P> <HR> <H2>Sections suivantes</H2> <TABLE WIDTH=100%> <TH VALIGN=TOP><TD WIDTH=50%> <DL> <DT><A HREF="index1.html#Les composantes standards">Les composantes standards</A> <DD><A HREF="index1.html#La tete">La t�te</A> <DD><A HREF="index1.html#Le corps">Le corps</A> <DD><A HREF="index1.html#Le pied">Le pied</A> <DT><A HREF="index1.html#Les references">Les r�f�rences</A> <DD><A HREF="index1.html#Les liens absolus vs les relatifs">Lien absolus vs les relatifs</A> <DD><A HREF="index1.html#Les references a des fichiers statiques">� des fichiers statiques</A> <DD><A HREF="index1.html#Les references a des fichiers executables">� des fichiers ex�cutables</A> <DD><A HREF="index1.html#La destination">La destination</A> <DT><A HREF="index2.html#La presentation du texte">La pr�sentation du texte</A> <DD><A HREF="index2.html#Le positionnement du texte">Son positionnement</A> <DD><A HREF="index2.html#Les separateurs">Les s�parateurs</A> <DD><A HREF="index2.html#Les en-tetes">Les en-t�tes</A> <DD><A HREF="index2.html#Les polices">Les polices</A> <DD><A HREF="index2.html#Les styles logiques">Les styles logiques</A> <DD><A HREF="index2.html#Les styles physiques">Les styles physiques</A> <DD><A HREF="index2.html#L'interpretation">L'interpr�tation</A> <DD><A HREF="index2.html#Les couleurs">Les couleurs</A> <DD><A HREF="index2.html#Les listes">Les listes</A> <DD><A HREF="index2.html#Les definitions">Les d�finitions</A> <DT><A HREF="index3.html#Les images">Les images</A> <DD><A HREF="index3.html#L'alignement">L'alignement</A> <DD><A HREF="index3.html#La grandeur">La grandeur</A> <DD><A HREF="index3.html#Les bordures*">Les bordures</A> <DT><A HREF="index3.html#Les tableaux">Les tableaux</A> <DD><A HREF="index3.html#Les bordures">Les bordures</A> <DD><A HREF="index3.html#La largeur des elements">La largeur des �l�ments</A> <DD><A HREF="index3.html#L'alignement des elements">L'alignement des �l�ments</A> <DD><A HREF="index3.html#Les cellules de grandeurs variables">La grandeur des cellules</A> <DD><A HREF="index3.html#Empecher les cesures">Emp�cher les c�sures</A> <DT><A HREF="index3.html#Les caracteres speciaux">Les caract�res sp�ciaux</A> </DL> <TD> <A HREF="menu.html" TARGET="menu">La table des mati�res</A><BR> <A HREF="codets.html" TARGET="menu">La liste par codets</A><BR> <A HREF="../" TARGET="_top">Retour � ma page principale</A> </TABLE>