La page web

Obligations
Une seule contrainte cependant, un document HTML "standard" (une page web) doit obligatoirement comporter les élément suivants:
  • Il doit commencer par <HTML> et finir par </HTML>.
  • L'intérieur de ce document doit absolument comporter un entête (même vide) délimité par <HEAD> et </HEAD>.
  • Cet entête doit lui-même contenir un titre (même vide aussi) délimité par <TITLE> et </TITLE>.
  • Et enfin, il doit y avoir un corps contenant le document à publier (même si la page est totalement vide), délimité par <BODY> et </BODY>.

Il existe de nombreux autres marqueurs pour définir un document, mais rien de plus d'indispensable, le luxe ne sera abordé que beaucoup plus loin...

Un document minimum se compose donc comme suit:


Document standard minimum
marqueur ou texte commentaire
<HTML> début du document
  <HEAD> début de l'entête
    <TITLE> début du titre

    La page à toto
C'est le nom utilisé dans le carnet d'adresses du navigateur, (quand on y ajoute la page courante), le signet (ou autre nom utilisé: le favori), il est totalement invisible dans la page web, il peut-être aussi utilisé par les moteurs de recherches.

    </TITLE>
fin du titre
  </HEAD> fin de l'entête
  <BODY> début de la page web

 
Textes, liens, marqueurs, images, sons, et animations impérissables de la page à toto
 Ici commence seulement l'affichage du contenu de la page.

  </BODY>
fin de la page web
</HTML> fin du document

Complétez vous-même
Il ne reste plus qu'à remplir l'intervalle entre <TITLE> et </TITLE> avec un titre intelligent et celui entre <BODY> et </BODY> avec le texte que vous désirez voir figurer et les marqueurs que vous allez apprendre, pour habiller votre squelette et créer ainsi une page web.

La pratique
Ecrivez votre première page maintenant avec votre éditeur ou traitement de texte favori en sachant encore ceci:
  • Les marqueurs ne doivent pas obligatoirement figurer sur des lignes séparées, ni êtres alignés, pas plus qu'être sur la même ligne (pourvu qu'ils soient dans le bon ordre dans le sens de la lecture).
  • Mettez n'importe quel texte dans le corps de la page (entre <BODY> et </BODY>) pour avoir quelque chose à lire.
  • Sauvez le fichier (en ascii ou en mode texte) avec par exemple le nom "test.html" (l'extension ".html" indique un document HTML aux PC qui sont bêtes à manger du foin et qui ne sauraient pas lire la page correctement sans ça, si vous ne pouvez pas faire autrement, laissez votre programme sauver le fichier avec l'extension .txt et renommez-le "test.html" avec l'explorateur de fichiers).
  • Essayez ensuite de le lire avec votre navigateur (menu fichier, sous-menu ouvrir fichier local (ou quelque chose comme ça)), si l'extension du fichier n'est pas .htm ou .html sur un PC, vous ne verrez pas une page web, mais plus probablement tout ce que vous avez écrit (ils n'ont pas déjà évolués depuis la ligne du dessus), et si vous n'avez pas sauvé en mode texte, vous verrez en plus, un tas de cacaboudin qui correspond au format utilisé pour la sauvegarde.

Note: Si vous essayez de relire votre fichier avec word ou un éditeur html, par exemple, il ne vous permettra pas forcément d'avoir accès au texte, tant que vous n'aurez pas renommé votre fichier de xxxx.html en xxxx.txt avant de le recharger.

NB: Il existe de nombreuses options aux marqueurs ci-dessus, mais rien d'indispensable pour le moment (à part BODY que nous allons disséquer tout de suite après).


Votre première page web
Voici donc ce que pourrait être votre première page web (sous une forme plutôt strict minimum, il est vrai):

<HTML> <HEAD> <TITLE>La page à toto</TITLE> </HEAD> <BODY>Bienvenue dans la page à toto.</BODY> </HTML>

Les espaces sont totalements facultatifs, ils ne servent qu'à rendre la lecture de la source plus facile.


Le bonheur à portée de la main
Toujours aussi simple, non ?
Un conseil tout de même, essayez de trouver un vieux cahier ou un bloc-notes et inscrivez-y tous les marqueurs obligatoires, ceux qui vous intéressent (et leurs paramètres), ainsi que leurs effets, car des marqueurs et des paramètres, vous allez maintenant en prendre plein la poire à chaque nouvelle page...
NB: Pour les flemmards, ceux qui ont cassé la mine de leur crayon, ou ceux qui ont un stylo qui coule, il existe un index à la fin du guide.

RetourInfo Suite
Dernière mise à jour de cette page: 02/12/2001, visiteurs: depuis le 6 avril 2002