Ma première page web en HTML

par  professeur 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é.


[1] Abréviation de Hyper Text Markup Language.

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

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

[4] Ou toto.htm

[5] On appelle cela l’indentation.


Commentaires