<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>No title</title>
<meta name="generator" content="amaya 8.2, see http://www.w3.org/Amaya/" />
</head>
<body>
<h1>Le Minimum en HTML(<a href="glossaire.html">*</a>)</h1>
<h2>Exemple</h2>
<p>Examinons un des fichiers les plus simples que l'on puisse fabriquer en
HTML. Affiche-le pour lire les explications (i) sous la <a href="html01.html"
target="_blank">forme habituelle</a> et (ii) sous la forme de <a
href="html01_txt.html" target="_blank">son code</a>(<a
href="glossaire.html">*</a>). Il peut être utile de recadrer les deux
nouvelles fenêtres pour continuer la lecture en les ayant sous les yeux.</p>
<p>La première fenêtre (celle que l'on voit normalement) est une fenêtre
classique qui n'affiche que <em>Une page html réduite à une phrase
simple.</em> La seconde fenêtre (celle qui montre le code entre deux tirets
horizontaux, et qui est pleine de < et >) est aussi une fenêtre de
notre navigateur(<a href="glossaire.html">*</a>), mais si on retrouve bien la
même phrase en plein milieu, on peut remarquer trois différences :</p>
<ol>
<li>Il y a trois lignes avant, et presque les mêmes lignes après en ordre
symétrique contenant des mots bizarres encadrés par "<code><</code>"
et "<code>></code>". Ce sont les balises(<a
href="glossaire.html">*</a>).</li>
<li>La phrase est coupée en trois lignes.</li>
<li>Le type de caractères n'est pas très beau, il ressemble à ceux d'une
vieille machine à écrire. Ceci est dû au fait que toutes les lettres
occupent la même largeur : si on regarde bien, les lettres d'une ligne à
l'autre sont alignées verticalement, le "i" occupe le même espace que le
"m" ou le "w".</li>
</ol>
<h2>Signification des balises de la page <code><a
href="html01_txt.html">html01</a></code>.</h2>
<dl>
<dt><html>...</html></dt>
<dd>Ces deux balises indiquent le début et la fin de la page html.</dd>
<dt><body>...</body></dt>
<dd>Ces deux balises délimitent le corps de la page html. En effet en
dehors du corps, on peut mettre des indications qui ne sont pas
affichées mais qui sont cependant très utiles. Par exemple, le nom de
l'auteur, le nom du programme qui a généré la page, des mots-clef pour
favoriser les investigations des moteurs de recherche...</dd>
<dt><p>...</p></dt>
<dd>Ces deux balises délimitent le contenu d'un paragraphe. Par exemple,
les coupures de lignes indiquées dans le fichier ne sont pas prises en
compte, c'est le navigateur qui les crée en fonction de la taille de la
fenêtre. On voir par exemple que dans le code, il y a trois lignes.
Dans l'afficage, il n'y en a qu'une si la fenêtre est assez large, mais
si on la retaille très étroite, on peut faire apparaître 4 lignes qui
n'ont rien à voir avec celles du texte originel. Essaie pour en être
sure.</dd>
</dl>
<hr />
<p><a href="index.html">Retour à la page d'accueil</a></p>
</body>
</html>