Une valeur relative (+n ou -n) indique une valeur par rapport à la taille définie par <BASEFONT SIZE="x">, alors que la valeur absolue est inconditionnelle. <BASEFONT> n'a pas de marqueur de fin et ne doit être utilisé qu'une fois dans le document, sa valeur par défaut est 3 (taille normale du texte), évitez autant que possible d'utiliser une taille relative, vouée à disparaître depuis la version 4.0 des spécifications HTML.

Voici un petit échantillon visuel de taille et une explication pour les non-voyants:

Il ne faut pas confondre la commande <FONT SIZE="n"> avec celle des titres ou sous-titres <Hx>, car la commande font permet de changer la taille et la couleur de chaque lettre d'un mot, alors qu'il est impossible de mettre deux ou plusieurs titres sur la même ligne (sans utiliser d'astuces diaboliques), de plus la taille la plus petite est donnée ici par le chiffre le plus petit (à l'inverse des titres), la taille par défaut est par contre également le 3, et la taille maximum le 6.
Pour les valeurs relatives, il suffit de faire la différence entre la taille voulue et basefont, par exemple pour la taille 4 et un basefont de 3, 4-3, ce qui donne 1, et donc "+1"...

La commande <FONT FACE="fonte1,fonte2,etc..."> ne fonctionnera bien sûr qu'à condition que la machine qui lit la page possède cette fonte. L'effet sera bien sûr totalement raté si elle n'existe pas, et si elle existe, l'effet sera totalement désagréable si l'on impose par exemple du gothique majuscule tarabiscoté. La vraie taille des caractères en pixels (<FONT SIZE="x">) dépend uniquement des préférences du navigateur de celui qui regarde, et l'AVERTISSEMENT NO 3 est aussi valable dans ce cas-là. Les coupeurs de pixel en quatre sont prévenus (je commence même à fatiguer).

Un début de lien commence par <A HREF="xxx"> et finit par </A>, tout ce qui se trouve entre les deux est considéré comme zone sensible, et un click sur les objets ou le texte situé entre ces deux bornes provoquera l'action contenue dans "xxx" (ou la lecture/exécution du fichier "xxx" (ou la lecture comme nouvelle page si aucun protocole n'est spécifié et si le fichier ne correspond pas à un type connu du navigateur et du serveur (son, anim, binaire, zip, etc...))).

Exemples:

Nouvelle page	<A HREF="page2.html">Page no 2</A> (pas besoin d'exemple pour ça)
Nouveau site	<A HREF="http://wwwusers.imaginet.fr/~arsicaud/lune.html">Allez voir ce site</A>
Contenu d'un répertoire	<A HREF="http://www.test.fr/archive/">Contenu du répertoire archive</A>
Transfert de fichier	<A HREF="ftp://big.bazar/farfouile/en_vrac/">Fichiers à transférer</A>
Animation	<A HREF="anims/gates.avi">Bilou récolte (1 Méga Octets)</A>
Animation	<A HREF="anims/w98.mpg">Installation Windows 98 (450K Octets)</A>
Musique	<A HREF="midi/dunbar.mid">Durs d'oreilles s'abstenir (47 Kilo Octets)</A>
Musique	<A HREF="windows.mp3">Humour facile (130K)</A>
Archive	<A HREF="archive/boum.zip">Cliquez ici pour transférer ce fichier (239 Kilo Octets)</A>
Courrier	<A HREF="mailto:toto@zeropointe.nulle.part?Subject=Vos pages Web">Ecrivez-moi</A>

Dans ce dernier cas, il vaut mieux mettre votre propre adresse si vous voulez recevoir du courrier, et le ?Subject= est bien sûr facultatif...
A Noter aussi que certains, hum, "logiciels", comme internet explorer n'ont pas de possibilité interne d'envoi de message, il faut les configurer, quand c'est possible, pour utiliser un mailer externe (en vente bien sûr chez crimo$oft), utilisez plutôt un formulaire et un script cgi si vous le pouvez.

Attention aux chemins pour les liens ou les fichiers "test.gif" n'est pas identique à "/test.gif", dans le premier cas c'est une image dans le répertoire courant, et dans le second c'est une image dans le répertoire racine du serveur html. Autre exemple: "pac1/test.gif" pointera sur l'image test du répertoire pac1 situé dans le même répertoire que la page web, alors que "/pac1/test.gif" ira chercher l'image dans le répertoire pac1 de la racine du serveur (les deux peuvent bien sûr coïncider).

Attention aussi au symbole "/", sous msdos c'est "\" qui est utilisé et il y a des gens (surtout les ancêtres) qui ont pris à cause de ça des mauvaises habitudes. Le seul autre symbole reconnu en html est "..", et ni ":", ni ".", ne le sont, même si ça peut marcher sur certaines machines avec certains navigateurs, le fonctionnement n'est pas garanti pour tout le monde, évitez de les utiliser.

Si vous ne voulez pas qu'un lien image ait une bande de couleur autour de lui, mettez l'option border du marqueur image à zéro.

Exemple:

<A HREF="page2.html"><IMG SRC="bouton.gif" ALT="Entrée" BORDER="0"></A>

Il est fortement déconseillé de faire des pages très longues, pour au moins deux raisons, le temps de chargement peut décourager les gens d'attendre la fin, et le flot d'information peut décourager la lecture de la page (statistiquement une personne sur dix utilise la barre de scrolling vertical en "surfant").

Il vaut mieux fractionner en plusieurs petites pages, toutefois pour ceux qui ne veulent (ou qui ne peuvent) pas faire autrement voici la méthode pour sauter dans d'autres parties d'un document:

Identifier les paragraphes avec <A NAME="sectionX">Titre</A> et utiliser le marqueur: <A HREF="#sectionX"> pour y sauter. Ne pas oublier le symbole "#" (uniquement dans HREF="").

Ne cherchez pas des images de fesses ici, "SectionX" est un nom tout à fait arbitraire, j'aurais pu mettre "section3" ou "omelette", essayez quant à vous d'être le plus précis possible pour pouvoir vous y retrouver dans vos références.

Pour sauter dans une section particulière d'une autre page Web, il suffit tout simplement de rajouter le nom de la section après le nom de la page et le symbole "#" dans le lien.

Exemple:

<A HREF="page2.html#alinea5">Aller en page X section Y</A>

Si l'on n'a pas de liste imbriquée dans une autre, on peut aussi changer le dessin par défaut avec: <UL (ou LI) TYPE="">, l'option TYPE="" peut être DISC, SQUARE ou CIRCLE.

Si l'on imbrique plusieurs niveaux de numérotation, le type de numérotation par défaut (DISC SQUARE CIRCLE) change automatiquement pour marquer le niveau correspondant, mais il vaut peut-être mieux gérer soi-même cela, le résultat pouvant être imprévisible.

Liste numérotée: <OL> <LH>Entête en option <LI>texte <LI>texte </OL> Ce qui donne: Entête en option texte texte

Le type de numérotation peut être changé avec: <OL TYPE=""> avec "a" et "A", la numérotation est alphabétique, avec "i" et "I", elle est romaine (sensible aux majuscules ou minuscules dans les deux cas).

Pour continuer ou changer la numérotation:

<OL START="5"> <LH>Entête en option</LH> <LI>texte <LI VALUE="7">texte </OL> Ce qui donne: Entête en option texte texte

Le point 0,0 correspond au bord haut et gauche de l'image, et les marqueurs sont:

Image et déclaration de carte	<IMG SRC="mainmenu.gif" USEMAP="#map1">
Carte (n'importe où dans le document)	<MAP NAME="map1">
Pour les rectangles	<AREA HREF="guide.html" SHAPE="rect" COORDS="x1,y1,x2,y2">
pour les cercles	<AREA HREF="guide2.html" SHAPE="circle" COORDS="x,y,r">
Pour les polygones	<AREA HREF="guide3.html" SHAPE="polygon" COORDS="x1,y1,x2,y2,x3,y3,...">
Fin de carte	</MAP>

On peut définir autant de zones que l'on désire, en cas de recouvrement l'ordre de déclaration des zones devrait théoriquement être prédominant, mais comme chez microsoft on affiche les images du bas vers le haut, il vaut mieux se méfier de leurs autres chinoiseries (et encore, je demande pardon aux chinois, ils sont sûrement moins compliqués que microsoft).

Exemple:

<IMG USEMAP="#menu1" ALT="Panneau de sélection" SRC="top.gif" BORDER="0">
<MAP NAME="menu1">
<AREA ALT="Menu" HREF="menu.html" SHAPE="rect" COORDS="10,10,56,45">
<AREA ALT="Bulle" HREF="bulle.html" SHAPE="rect" COORDS="72,30,113,48">
<AREA ALT="Bombe" HREF="bombe.html" SHAPE="rect" COORDS="114,30,172,48">
<AREA ALT="Asticot" HREF="asticot.html" SHAPE="rect" COORDS="173,30,232,48">
<AREA ALT="Table" HREF="table.html" SHAPE="rect" COORDS="233,30,282,48">
<AREA ALT="Retour" HREF="retour.html" SHAPE="rect" COORDS="283,30,336,48">
</MAP>

N'utilisez pas de valeurs en pourcentage, il semble que cela ne fonctionne pas avec tous les navigateurs.

L'option BORDER="0" de <IMG> permet de supprimer le bord de l'image.

NB: Dans cet exemple un navigateur texte, quelqu'un qui ne charge pas les images, ou qui ne les voit pas, ne peut pas faire de sélection, prévoyez aussi des liens en mode texte pour ces cas-là.