From 12584d4a2dc00d9c06aa7605f1f90ca55a70658e Mon Sep 17 00:00:00 2001 From: mlnguyen Date: Fri, 20 Feb 2004 13:26:19 +0000 Subject: [PATCH] Ajout d'un nouveau lien dans index.html MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Toilettage de bases.tml + renommage ("Bases" -> "Tutoriel") + ajout de nouvelles balises (acronym, abbr, code, i). Si quelqu'un veut rectifier mon exemple de "hello world" en C, il paraît que ce n'est pas du C ANSI... --- internet/web/html/bases.tml | 400 +++++++++++++++++++++++------------- internet/web/html/index.tml | 49 +++-- 2 files changed, 292 insertions(+), 157 deletions(-) diff --git a/internet/web/html/bases.tml b/internet/web/html/bases.tml index a12dedb..f39eb4f 100644 --- a/internet/web/html/bases.tml +++ b/internet/web/html/bases.tml @@ -4,39 +4,46 @@ "tuteurs://DTD/tml.dtd"> - Bases + Tutoriel -

Tutorial HTML : les bases

+

Tutoriel HTML : les bases

Principes généraux

-Le HTML est le langage des pages Web. Ce n'est pas un langage de -programmation, mais plutôt un langage de mise en forme de données. Une -page Web décrit une structure statique, tandis qu'un programme est un -processus dynamique. « HTML » se prononce H-T-M-L, mais vous pouvez -aussi dire « chteumeuleu » :-) +Le HTML est le langage +des pages Web. Ce n'est pas un langage de programmation, mais un +langage de mise en forme de données : une page Web décrit une +structure statique, tandis qu'un programme est un processus +dynamique. Vous n'avez aucunement besoin d'avoir des bases de +programmation pour écrire du HTML ! « HTML » se prononce H-T-M-L, mais +vous pouvez aussi dire « chteumeuleu » :-)

-Le HTML sert à définir la structure logique d'un document, permettant -ensuite à un navigateur (Internet Explorer, Netscape, Mozilla, Opera, -etc.) de rendre visuellement le document. Pour des raisons évidentes -de compatibilité, le HTML possède une norme, rédigée par le World Wide -Web Consortium. Nous en sommes actuellement à HTML 4. +Le HTML sert à définir la structure logique d'un +document, permettant ensuite à un navigateur (Internet Explorer, +Netscape, Mozilla, Opera, etc.) de rendre visuellement le +document. Pour des raisons évidentes d'interopérabilité, le HTML +possède une norme, rédigée par le World Wide Web Consortium +(W3C), qui regroupe des acteurs majeurs du Web comme +Microsoft, MacroMedia (qui produit Flash), Apple, AOL, etc. Nous en +sommes actuellement à HTML +4.1.

-
Le HTML normalement ne s'occupe que de définir -la structure logique de votre document. Pour le reste (aspect visuel -agréable : couleurs, tailles des fontes, etc.), c'est le domaine des -feuilles de style, dont le tutorial va venir. +
Attention : le HTML ne +s'occupe que de définir la structure logique de votre document. Pour +l'aspect visuel (mise en page, couleurs, fontes, etc.), c'est le +domaine des feuilles de style, dont le tutoriel +est en cours de rédaction.
-

L'élément de base d'un site est la page. C'est un fichier dont +

+L'élément de base d'un site est la page. C'est un fichier dont l'extension est normalement .html (ou .htm si votre système d'exploitation vous impose cette limitation) et qui contient du code HTML. @@ -45,13 +52,14 @@ contient du code HTML.

Vocabulaire : éléments, attributs

-Le HTML utilise des balises (aussi appelées « éléments ») pour -distinguer les éléments logiques de la page. Toute balise est de forme -<TAGADA>, avec un < et un >. Les balises se referment avec -</TAGADA>, / étant l'élément fermant. Les balises acceptent -parfois des options, qu'on appelle des « attributs » : dans -<TAGADA type="plouf">, TAGADA est l'élément, type -l'attribut, et « plouf » la valeur de l'attribut. +Le HTML utilise des balises (aussi appelées +« éléments ») pour distinguer les éléments logiques de la page. Toute +balise est de forme <TAGADA>, avec un < et un >. Les +balises se referment avec </TAGADA>, / étant l'élément +fermant. Les balises acceptent parfois des options, qu'on appelle des +attributs : dans <TAGADA type="plouf">, +TAGADA est l'élément, type l'attribut, et « plouf » la +valeur de l'attribut.

Casse

@@ -60,47 +68,61 @@ l'attribut, et Les balises HTML peuvent s'écrire aussi bien en majuscules qu'en minuscules. Pour des questions de lisibilité, le W3C conseille d'écrire les éléments en majuscule, les attributs en minuscule. C'est -ce que nous ferons ici. Attention néanmoins, le XHTML, une forme -avancée de langage de description, n'utilise que les -minuscules. Peut-être préférerez-vous en prendre dès aujourd'hui -l'habitude. +ce que nous ferons ici.

+
+À noter : le XHTML, une forme avancée de langage de +description qui est l'avenir du HTML, n'utilise que les +minuscules. Peut-être préférerez-vous en prendre dès +aujourd'hui l'habitude. +
+

Commentaires

Les commentaires s'insèrent entre <!-- et -->. Attention, à l'intérieur de commentaires, il vaut mieux ne pas utiliser de doubles -tirets (--). On ne peut pas placer de commentaires à l'intérieur d'un -élément. +tirets (--). On ne peut pas placer de commentaires à l'intérieur d'un +élément.

Syntaxe générale

-
Sauf rares exceptions, toute balise ouverte -doit être refermée. Toute partie de la page doit être contenue dans -une balise.
+
+À noter : sauf rares exceptions, toute balise +ouverte doit être refermée. Toute partie de la page doit être contenue +dans une balise. En XHTML, toutes les balises doivent +être refermées, peut-être préférez-vous dès maintenant prendre de +bonnes habitudes. +
-

Les balises doivent être ouvertes et refermées dans l'ordre. Faites -spécialement attention dans le cadre de balises imbriquées. Ainsi, +

Les balises doivent être ouvertes et refermées dans +l'ordre. Faites spécialement attention dans le cadre de balises +imbriquées. 

 <P>Je vous préviens tout de suite, c'est <EM>non.</P></EM>
-

n'est pas syntaxiquement correct. Il faut refermer -<em> avant <p>.

+

Ceci n'est pas syntaxiquement correct. Il faut +refermer <em> avant <p>.

-

Entités HTML et Unicode

+

Caractères spéciaux : entités HTML et Unicode

Vous avez parfois besoin de cracatères spéciaux, qui ne peuvent pas être (du moins facilement) saisis directement au clavier. Pour cela, -le HTML a défini des entités, qui par convention représentent -ces caractères. Par exemple, le symbole euro (€) est -&euro;. En plus de ces entités HTML (dont vous pouvez trouver la -entités, qui par convention +représentent ces caractères. Par exemple, le symbole euro (€) est +&euro;, le e dans l'o (œ) s'écrit +&oelig;. +

+ +

+En plus de ces entités HTML (dont vous pouvez trouver la liste chez David Madore), vous disposez des entités Unicode. Unicode est une convention dont le @@ -116,38 +138,48 @@ l'entit

Le DTD

-Toute page HTML doit commencer par la déclaration du DTD (Document Type Definition), qui précise au navigateur -quelle version de HTML vous utilisez. +Toute page HTML doit commencer par la déclaration du Document Type Definition (DTD), qui précise +au navigateur quelle version de HTML vous utilisez.

-

-Le DTD le plus fréquent à l'heure actuelle est celui du HTML 4 -transitionnel (le « transitionnel » veut dire que vous utiliserez des -éléments considérés comme obsolètes mais qui sont encore -supportés) : -

+

-Pour l'instant, notre page-squelette ressemble donc à ceci : +Il existe d'autres DTD, par exemple celui pour les frames (cadres), mais souvenez-vous qu'utiliser les +frames n'est pas une bonne idée, cf. l'excellent article « Pour en finir avec +les cadres » sur le site de l'OpenWeb Group. +

+ +

+Pour l'instant, notre page-squelette ressemble donc à ceci : 

-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
-            "http://www.w3.org/TR/html4/loose.dtd">
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+            "http://www.w3.org/TR/html4/strict.dtd">
 
 <HTML>
 
@@ -192,8 +224,9 @@ les moteurs de recherche, qui s'en servent pour indexer vos
 pages. Nous vous en présentons quelques-unes.
 

 
-
Les balises META sont parmi les
-rares balises qui peuvent ne pas être refermées.

+

+À noter : les balises META sont parmi
+les rares balises qui peuvent ne pas être refermées.

 
 
Auteur de la page

 
@@ -217,7 +250,7 @@ pour le navigateur.

 
 
<META http-equiv="Content-Language" content="fr">

 
-
Quelques codes utiles : fr pour
+
Quelques codes utiles : fr pour
 le français, en pour l'anglais, de pour
 l'allemand, es pour l'espagnol, it pour
 l'italien, ru pour le russe. Déclarer la langue utilisée
@@ -250,16 +283,18 @@ le lecteur va voir via son navigateur.
 
Le corps de la page est contenu entre balises <BODY>. Comment
 le remplir ? Vous le verrez dans les lignes suivantes.

 
-
Pour tous les éléments de <BODY> il y a une
-distinction importante entre les balises dites « block
-level » et les balises « inline level ». Les block
-level sont par exemple des paragraphes, des titres, etc. Ils
-forment des blocs, quoi. Les éléments inline sont plutôt de
-la mise en forme, ils s'appliquent à l'intérieur des blocs. C'est le
-cas des balises qui mettent en valeur le texte, qui le renforcent. La
-distinction peut vous paraître confuse mais vous comprendrez mieux
-ensuite. Vous pouvez regarder par exemple la différence entre citation inline et bloc.
+

+Important : pour tous les éléments de <BODY> il
+y a une distinction importante entre les balises dites « block level » et les balises « inline
+level ». Les block level sont par exemple des
+paragraphes, des titres, etc. Ils forment des blocs, quoi. Les
+éléments inline sont plutôt de la mise en forme, ils
+s'appliquent à l'intérieur des blocs. C'est le cas des balises qui
+mettent en valeur le texte, qui le renforcent. La distinction peut
+vous paraître confuse mais vous comprendrez mieux ensuite. Vous pouvez
+regarder par exemple la différence entre citation inline et bloc.
 

 
 
Squelette entier

@@ -268,8 +303,8 @@ href="#quote">citation inline et bloc.
 Vous pouvez le copier-coller pour servir de modèle à vos pages Web.

 
 
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
-            "http://www.w3.org/TR/html4/loose.dtd">
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+            "http://www.w3.org/TR/html4/strict.dtd">
 
 <HTML>
 <HEAD>
@@ -298,11 +333,13 @@ hi
 titre ! 
 

 
-
Si vous avez fait du LaTeX, vous connaissez ce genre de chose
-(\chapter{}, \section{}, \subsection{}...). Idem pour MS Word avec son
-système de Titre 1, Titre 2, etc. En HTML, c'est aussi simple :
-<H1>, <H2>, <H3>... Ça va comme ça jusqu'à
-<H6>, ce qui vous laisse pas mal de marge pour structurer votre
+
Si vous avez fait du LaTeX, vous connaissez ce
+genre de chose (\chapter{}, \section{},
+\subsection{}...). Idem pour Word avec son système de
+Titre 1, Titre 2, etc. En HTML, c'est aussi simple : <H1>,
+<H2>, <H3>... Ça va comme ça jusqu'à <H6>, ce qui
+vous laisse pas mal de marge pour structurer votre
 document. Traditionnellement, <h1> est réservé au titre de la
 page (qui peut être, ou pas, le même que le <TITLE>, à vous de
 voir).
@@ -311,7 +348,7 @@ voir).
 
Mettre en forme

 
 

-On en arrive au cœur du problème : mettre en forme le
+On en arrive au cœur du problème : mettre en forme le
 texte.
 

 
@@ -322,7 +359,7 @@ La plus grande partie d'un texte, habituellement, c'est... du
 texte. Des paragraphes de texte. En HTML, les paragraphes sont
 délimités par des <P> (et </P>, évidemment). Avec la
 plupart des navigateurs, les paragraphes sont rendus à la manière
-anglo-saxonne : alignement sur la gauche, pas d'alinéa. Il y a
+anglo-saxonne : alignement sur la gauche, pas d'alinéa. Il y a
 généralement un espace entre deux paragraphes.
 

 
@@ -334,9 +371,9 @@ des rares 
 
Citations

 
 

-Vous pouvez citer au niveau inline, soit en utilisant
+Vous pouvez citer au niveau inline, soit en utilisant
 directement des guillemets, soit en utilisant l'élément <Q>
-(pour quote) :
+(pour quote) :
 

 
 
@@ -350,13 +387,13 @@ les guillemets.
 

 
 
Au niveau bloc, c'est l'élément <BLOCKQUOTE> qu'il vous
-faut :
+faut :
 

 
 
 <P>Charles-Marie de La Condamine est un savant et explorateur
 français, né à Paris en 1701. Il est admis à à l'Académie française en
-1760. Il écrit à ce sujet :</P>
+1760. Il écrit à ce sujet :</P>
 
 <BLOCKQUOTE>
 <P>
@@ -370,7 +407,7 @@ Mais non muet, tant pis pour elle.<BR>
 
 

 <BLOCKQUOTE> est généralement rendu par un bloc indenté à droite
-et à gauche :
+et à gauche :
 

 
 

@@ -392,17 +429,38 @@ l'italique n'existent pas 
 valeur du texte. <STRONG> est utilisé pour renforcer un membre
 de phrase, insister sur son importance. Il est donc souvent rendu par
 du gras par les navigateurs. <EM> (pour
-emphasize) sert également à mettre en relief un membre de
+emphasize) sert également à mettre en relief un membre de
 phrase. Il est plus faible que <STRONG>. Il est généralement
-rendu par de l'italique.

+rendu par de l'italique.

 
-
Autres styles

+

+Selon les règles typographiques habituelles, un mot, une citation en
+langue étrangère non francisée doit être mis en italique. Il ne s'agit
+pas ici de mettre en valeur, mais d'une convention typographique. Dans
+ce cas, vous devez utiliser l'élément <I>. Vous pouvez indiquer
+de quelle langue il s'agit en utilisant l'attribut
+lang. Exemple :
+

+
+
+Selon le goût italien, les pâtes doivent être cuites <I lang="it">al dente</I>.
+

+
+

+Ce qui donne :
+

+
+
+Selon le goût italien, les pâtes doivent être cuites al dente.
+

+
+
Définitions

 
 

 Le HTML vous permet de structurer encore davantage vos documents,
 essentiellement les documents techniques. DFN (pour define) sert à indiquer un mot dont on va donner la
-définition, une fois pour le reste du document. Exemple :
+définition, une fois pour le reste du document. Exemple :
 

 
 
@@ -410,12 +468,64 @@ d
 lorsqu'il est à la fois lisse et non ramifié. En fait, il suffit pour cela
 qu'il soit à la fois <EM>plat</EM> et non ramifié.</p> 

 
+
Titres (films, livres, etc.)

+
 

- C'est CITE qu'il faut utiliser pour les citations de titres de
-livres, de films, etc. CODE (que vous verrez dans la section du texte préformaté) est également un style de texte.
+C'est CITE qu'il faut utiliser pour les citations de titres de livres,
+de films, etc. L'élément CITE est usuellement rendu par de
+l'italique. Exemple :
 

 
+
+Le film <I lang="it">Morte a Venezia</i> de Luchino Visconti est une
+adaptation de la nouvelle <I lang="de">Der Tod in Venedig</I> de
+Thomas Mann.
+

+
+
Code informatique

+
+

+CODE (que vous reverrez dans la section du texte
+préformaté) est également un style de texte qui sert à démarquer
+un extrait de code informatique du texte normal. Exemple :
+

+
+
+La ligne <CODE>#include &lt;stdio.h&gt;</CODE> demande au compilateur
+d'inclure dans le programme certaines informations sur la bibliothèque standard
+d'entrées-sorties.
+

+
+
Sigles et acronymes

+
+

+Les sigles peuvent être indiqués par un élément ABBR, et les acronymes (sigles
+prononçables, comme ONU, OTAN, etc.) par l'élément... ACRONYM. Ces éléments sont
+intéressants surtout si on utilise leur attribut title : certains
+navigateurs peuvent alors afficher le contenu de title dans une bulle
+d'aide. Démonstration :
+
+

+
+
+L'<ACRONYM lang="en" title="United Nations Special
+Commission">UNSCOM</ACRONYM> a été créée pour assister l'<ABBR lang="en"
+title="International Atomic Energy Agency">IAEA</ABBR> en Iraq.
+

+
+

+Les bons navigateurs (Mozilla ou FireFox par exemple) affichent le
+contenu du title sous la forme d'une bulle d'aide (tooltip en anglais) quand vous laissez le curseur dessus. Faites le
+test :
+

+
+
+L'UNSCOM a été créée pour assister l'IAEA en Iraq.
+

+
+
 
Listes

 
 

@@ -431,7 +541,7 @@ navigateurs affichent des puces devant chaque entr
 liste. <UL> et </UL> (pour Unordered
 Lists) marquent le début et la fin d'une liste, <LI> et
 </LI> le début et la fin d'une entrée de liste. Exemple,
-quelques armes de Goldorak  

+quelques armes de Goldorak  

 
 
 <UL> 
@@ -441,7 +551,7 @@ quelques armes de Goldorak  

 </UL>
 

 
-
Ce qui donne :

+
Ce qui donne :

 
 
    
 
  •  mégavolts
    • 
@@ -455,7 +565,7 @@ quelques armes de Goldorak  
    
 la place de <UL>. La numérotation se fera par défaut en chiffres
 arabes (1, 2, 3...). Vous pouvez changer le type de numérotation, en
 chiffres romains ou en caractères alphabétiques (a, b, c...) grâce à
-l'attribut TYPE :
+l'attribut TYPE :
 
    
 
 
    @@ -466,7 +576,7 @@ l'attribut TYPE :
 </OL>
 
    
 
-
    Ce qui donne :
    
+
    Ce qui donne :
    
 
 
      
 
    1.  mégavolts
      2. 
@@ -474,7 +584,7 @@ l'attribut TYPE :
 
    2.  astéro-hache
      3. 
 
    
 
-
    Pour changer de numérotations, changez la valeur de TYPE : I
+
    Pour changer de numérotations, changez la valeur de TYPE : I
 pour les chiffres romains majuscules, a pour les caractères
 alphabétiques minuscules, A pour les majuscules.
    
 
@@ -501,7 +611,7 @@ entr
 </DL>
 

 
-
Ce qui donne :

+
Ce qui donne :

 
 

 
Amazon

@@ -515,48 +625,52 @@ l'Amazon.
 
Texte préformaté

 
 
On utilise l'élément <PRE> pour du texte préformaté au niveau
-bloc. Différences avec du texte normal : les navigateurs
+bloc. Différences avec du texte normal : les navigateurs
 respectent toutes les espaces que vous avez indiqués et ils utilisent
 généralement une fonte à espacement fixe. Le texte préformaté peut
 être utilisé pour mettre en page un poème, par exemple, ou plus
 prosaïquement, du code informatique. Attention toutefois, PRE n'est
-pas l'environnement verbatim de LaTeX : le code HTML
+pas l'environnement verbatim de LaTeX : le code HTML
 y est interprété. Dans cette documentation, par exemple, on a recours
 aux entités pour représenter <, > et
 &.
 

 
-
Prenons un exemple bien connu de ceux qui
-connaissent (pour les littéraires, recopiez ça dans un fichier
+
Prenons un exemple, un programme très simple en
+langage C (pour les littéraires, recopiez ça dans un fichier
 hello.c, faites gcc hello.c puis
-./a.out et regardez) :
 
+./a.out et regardez) :

  
 
 <PRE>
+#include &lt;stdio.h&gt;
+
 main()
-    {
-      printf("Hello, world!\n");
-    }
+{
+    printf("Hello, world!\n");
+}
 </PRE>
 

 
-
sera rendu par :

+
sera rendu par :

 
 
+#include <stdio.h>
+
 main()
-    {
-      printf("Hello, world!\n");
-    }
+{
+    printf("Hello, world!\n");
+}
 

 
-
Pour citer du code en inline, utilisez la bien-nommée
+
Pour citer du code en inline, utilisez la bien-nommée
 balise <CODE>
 

 
 
Images

 
 

-On se sert de l'élément <IMG> (pour image, bien sûr) et
+On se sert de l'élément <IMG> (pour image, bien sûr) et
 de ses attributs. Cet élément n'a pas besoin d'être
 refermé. L'attribut plus important est src : il permet de
 spécifier l'adresse où aller chercher l'image. Ainsi, quand on écrit
@@ -569,7 +683,7 @@ situ
 
 
On peut aussi indiquer une adresse
 absolue quand l'image n'est pas sur votre compte, par
-exemple :

+exemple :

 
 
 <IMG src="http://www.eleves.ens.fr/tuteurs/icones/note.png">
@@ -578,7 +692,7 @@ exemple :

 
Il est obligatoire d'indiquer une description de votre image, en
 guise de texte alternatif pour les navigateurs texte, ou si pour une
 raison quelconque l'image ne peut pas être téléchargée. Ce texte doit
-être court et informatif. On l'indique avec l'attribut ALT :
+être court et informatif. On l'indique avec l'attribut ALT :
 

 
 
@@ -586,11 +700,11 @@ raison quelconque l'image ne peut pas 
 

 
 
Si l'image ne joue aucun rôle sémantique (elle est
-là uniquement pour décorer, on indique alt="".

+là uniquement pour décorer, on indique alt="").

 
 
Les formats les plus couramment utilisés pour le Web sont le JPEG,
 en .jpg et le GIF, en .gif
-— utiliser de préférence le format PNG, GIF n'étant pas
+— utiliser de préférence le format PNG, GIF n'étant pas
 libre, et moins bon techniquement. JPEG est un format qui est plus
 adapté aux photos, GIF ou PNG sont plus adaptés aux logos et de
 manière générale aux images ayant peu de couleurs.
@@ -620,7 +734,7 @@ et <TD> les cellules. On d
 </TABLE>
 

 
-
Ce qui donne :

+
Ce qui donne :

 
 
@@ -665,7 +779,7 @@ pixels. G
 </TABLE>
 
 
-
Donc :

+
Donc :

 
 Cellule 1  Cellule 2 

 
 

@@ -678,15 +792,15 @@ pixels. G
 
 
Liens

 
-
Le meilleur pour la fin, les liens ! Ce qui fait d'une page
+
Le meilleur pour la fin, les liens ! Ce qui fait d'une page
 Web une vraie page hypertexte (le H de HTML) et pas d'un bête
 document. Les liens se décrivent avec l'élément A (qui est, bien sûr,
-inline), suivi d'attributs.
+inline), suivi d'attributs.
 
Lien simple

 
-
Le lien de base utilise l'attribut href :

+
Le lien de base utilise l'attribut href :
 Retourner au <A href="http://www.eleves.ens.fr/">serveur des élèves</A>.
@@ -722,7 +836,7 @@ encore pour faire des cross-r
 

 On commence par définir les ancres, c'est-à-dire les endroits vers
 lesquels on veut pointer. On utilise l'attribut NAME de l'élément
-A :
+A :
 

 
 
@@ -737,15 +851,16 @@ caract
 la même ancre au sein du document.

 
 
Pour faire le lien vers cette ancre, on utilise toujours l'attribut
-HREF, mais en modifiant la syntaxe avec un # :

+HREF, mais en modifiant la syntaxe avec un # :

 
 
 Esteban, Zia et Tao rencontrent alors les Olmèques, une peuplade
 extra-terrestre (voir ici la <A href="#olm">véritable histoire
-du peuple olmèque</A>.  

+du peuple olmèque</A>.
+

 
 
Vous pouvez positionner un lien vers cette ancre
-même depuis un autre fichier :

+même depuis un autre fichier :

 
 
 Voir <A href="citesdor.html#olm">l'histoire des Olmèques</A>.
@@ -763,7 +878,7 @@ aussi utiliser le protocole mailto, qui est le protocole des courriers
 

 
 
-Écrivez-moi : <a href="mailto:mon.adresse@ens.fr">mon.adresse@ens.fr</a>
+Écrivez-moi : <a href="mailto:mon.adresse@ens.fr">mon.adresse@ens.fr</a>
 

 
 
Quand un lecteur suivra ce lien, son navigateur
@@ -779,7 +894,7 @@ pion aux robots collecteurs d'adresses.
 Les entités dont vous avez besoin en l'espèce
 sont &#64; pour une arobase (@) ou encore
 &#46; pour un point (.) et &#45;
-pour un tiret (-). Ce qui donne :
+pour un tiret (-). Ce qui donne :
 

 
 
@@ -788,7 +903,7 @@ Mon adresse
 
 
Complètement illisible, on est bien d'accord ? C'est ce que verra
 le robot collecteur d'adresses. En revanche, un lecteur normal passant
-par un navigateur verra ceci :
+par un navigateur verra ceci :
 

 
 
@@ -796,7 +911,7 @@ Mon adresse
 

 
 
Vous pouvez utiliser ce système avec d'autres protocoles, celui des
-news (news) pour que le navigateur affiche (s'il en est
+news (news:) pour que le navigateur affiche (s'il en est
 capable) le message dont vous avez donné le message-ID, ou le FTP...
 

 
@@ -804,11 +919,9 @@ capable) le message dont vous avez donn
 
 

 Vous avez fini de taper votre première page HTML. Vous vous êtes bien
-6~relus. Il vous reste une dernière étape : passer cette page au
+relu. Il vous reste une dernière étape : passer cette page au
 validateur HTML. Il vous permettra de voir si vous avez bien refermé
-toutes vos balises dans l'ordre qu'il faut, par exemple. Il vous
-donnera aussi une garantie sur le fait que votre HTML sera lisible par
-tous les navigateurs.
+toutes vos balises dans l'ordre qu'il faut, par exemple.
 

 
 

@@ -819,8 +932,15 @@ du fichier sur votre disque dur. Vous saurez tout de suite si votre
 code est bon ou s'il reste quelques corrections à faire...
 

 
-
Auteur : Marie-Lan Nguyen. Dernière
-modification : .

+

+Attention : le validateur ne vérifie que la
+correction formelle de votre code. En clair, il peut vous
+dire que votre fichier est syntaxiquement correct, mais pas
+s'il est sémantiquement correct.
+

+
+
Auteur : Marie-Lan Nguyen. Dernière
+modification : .

 
 
 
diff --git a/internet/web/html/index.tml b/internet/web/html/index.tml
index 9c2acc6..1b3d4a9 100644
--- a/internet/web/html/index.tml
+++ b/internet/web/html/index.tml
@@ -123,17 +123,18 @@ fait autorit
 

 
 

-Les feuilles de style sont une manière simple de prendre en charge le
-côté esthétique d'une page Web. Tandis que le HTML ne s'occupe que de
-la structure syntaxique de la page, CSS ajoute à votre gré couleurs,
-fontes exotiques, effets de texte. Cette dissociation des rôles permet
-de ne pas pénaliser les vieux navigateurs, ou les navigateurs en mode
-texte (comme Lynx ou W3M), ou encore ceux qui utilisent des médias
-différents (assistant personnel, téléphone portable, ordinateur avec
-synthétiseur vocal). Elle vous permet aussi de changer radicalement
-l'esthétique de votre page en modifiant un seul fichier. Consultez par
-exemple le CSS Zen Garden
-pour voir ce qu'on peut faire.
+Les feuilles de style sont une manière simple de prendre en
+charge le côté esthétique d'une page Web. Tandis que le HTML ne
+s'occupe que de la structure syntaxique de la page, CSS ajoute à votre
+gré couleurs, fontes exotiques, effets de texte. Cette dissociation
+des rôles permet de ne pas pénaliser les vieux navigateurs, ou les
+navigateurs en mode texte (comme Lynx ou W3M), ou encore ceux qui
+utilisent des médias différents (assistant personnel, téléphone
+portable, ordinateur avec synthétiseur vocal). Elle vous permet aussi
+de changer radicalement l'esthétique de votre page en modifiant un
+seul fichier. Consultez par exemple le CSS Zen Garden pour voir ce
+qu'on peut faire.
 

 
 
Comment apprendre ?

@@ -143,11 +144,15 @@ et vous pouvez les m
 conseillons de :

 
 
    
-
  •  lire notre tutoriel. Il
-vous permettra de faire des pages simples et sobres. Même si vous
-voulez vous lancer dans quelque chose de compliqué, ou si vous avez
-décidé d'utiliser un éditeur WYSIWYG, lisez-le. Mieux vaut savoir un
-minimum ce qu'on fait, non ?
    • 
+
  •  lire notre tutoriel
+HTML. Il vous permettra de faire des pages simples et
+sobres. Même si vous voulez vous lancer dans quelque chose de
+compliqué, ou si vous avez décidé d'utiliser un éditeur WYSIWYG,
+lisez-le. Mieux vaut savoir un minimum ce qu'on fait, non ?
    • 
+
+
  •  lire notre tutoriel
+CSS. Attention : il est encore en cours de
+rédaction.
    • 
 
 
  •  regarder le code source d'autres pages, en
 commençant par des pages simples. Avec Mozilla, vous avez accès au
@@ -237,10 +242,20 @@ d'int
 href="http://www.upsdell.com/BrowserNews/res_fontsamp.htm">principales
 fontes disponibles pour Windows, Mac OS et Unix/Linux.
    • 
 
+
  •  Pescadoo.Lab :
+manipuler les couleurs pour le Web, choisir les bonnes couleurs et les
+bonnes palettes graphiques. Dans le même genre, il y a aussi ChromoWeb.
    • 
+
+
  •  enfin, ce n'est pas un site Web mais un groupe de Usenet-fr :
+fr.comp.infosystemes.www.auteurs, très utile notamment si
+vous pataugez un peu avec les feuilles de style.
    • 
+
 

 
 
Auteur : Marie-Lan Nguyen.
-Dernière modification le 
+Dernière modification le 
 

 
 


 Ceci est un tableau