Ma première page web en HTML

dimanche 25 juillet 2004
par  Classe de Mathématiques 1

Introduction.

Le langage HTML [1] est l’un des principaux langages utilisés pour écrire des pages web. Il en existe d’autres.

Certains programmes permettent de créer facilement des pages web [2]. Mais un simple éditeur de texte suffit [3]. C’est plus compliqué, il faut faire quelques efforts, mais on comprend mieux les choses !

Un exemple tout simple pour débuter.

La plupart des pages web ont une structure analogue à l’exemple qui suit.

Dans un éditeur de texte (comme notepad sous Windows, kwrite ou vim sous Linux) tapez :

<html>
 <head>
   <title>
     Ceci est le titre de ma page.
   </title>
 </head>
 <body>
   Ceci est le contenu de ma page.
 </body>
</html>

Puis enregistrez ce fichier sous le nom toto.html [4]

Quelques explications s’imposent.

Tout d’abord, les petits décalages [5] permettent une lecture plus facile du programme. Ils ne sont pas obligatoires.

Ensuite, les instructions fonctionnent la plupart du temps par paires, appelées balises. Pour chaque instruction, il y a une balise ouvrante et une balise fermante.
Une instruction imaginaire machin serait ainsi de la forme <machin></machin>

Il existe un grand nombre d’instructions.

Regardons la signification de chaque instruction dans le programme précédent.

- <html></html> C’est le nom du langage utilisé.
- <head></head> En anglais : l’en-tête du programme. C’est là que l’on met notamment le titre de la page, apparaissant dans la barre de titre du navigateur.
- <body></body> En anglais : le corps du programme.
- <title></title> En anglais : le titre de la page web.

Pour voir le résultat.

Deux solutions :
- démarrez votre navigateur, puis ouvrez le fichier toto.html ;
- ou cliquez sur l’icône du fichier toto.html avec le bouton de droite de la souris, puis choisissez « ouvrir avec » et sélectionnez votre navigateur préféré.


[1Abréviation de Hyper Text Markup Language.

[2Par exemple Mozilla Composer, ou LibreOffice Writer, deux logiciels libres et gratuits.

[3À ne pas confondre avec un traitement de texte.

[4Ou toto.htm

[5On appelle cela l’indentation.


Commentaires