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>