Programmation en HTML

   

chapitre 2

 

La page HTML

         


Il faut rappeler qu'un document contenant des annotations en HTML n'est rien d'autre qu'un fichier texte (code ASCII).

Pourvu que l'on ait placé les marqueurs au bon endroit,il peut être reconnu sans problèmes de conversion d'un environnement à l'autre.

Une page peut donc être lue et interprétée par n'importe quel navigateur sur n'importe quelle plateforme... .

Dans ce second chapître, nous allons découvrir les marqueurs principaux d'une page écrite en HTML, à savoir :

 

Les marqueurs<html></html>

 

L'entête d'une page HTML

Les marqueurs <head> </head>indiquent la présence d'un prologue. Entre le marqueur de début et de fin d'entête, on n'y trouve, généralement, que peu d'autres marqueurs, si ce n'est les marqueurs de titre <title> </title> .
Il ne faut placer aucun élément de texte dans le bloc
<head>.

Le marqueur title permet de donner un titre à la page, et est chargé de décrire succintement le contenu de cette page. Ce titre apparaît dans la barre de titre du navigateur utilisé.
Ces marqueurs <head> </head> doivent se trouver juste après le marqueur <html> et avant le marqueur <body>.
 
Le corps d'une page HTML
<body></body>
Le reste du document HTML, textes, liens, images, toute information... doit être compris entre ces marqueurs.
En associant les marqueurs que nous venons de voir, on obtient :
<html>
<head>
<title>Le titre de la page</title>
</head>

<body>

Les textes, liens & images...
</body>
</html>


Les commentaires

<!-- les commentaires -->
On peut inclure des commentaires dans les documents HTML pour décrire le document, ou apporter toute indication sur l'état du document. Le texte placé en commentaire est ignoré par les navigateurs lorsque le fichier HTML est lu. De ce fait, il n'apparaît pas à l'écran.

Exemple de page

<html>
<head>
<title>Le titre de la page</title>
</head>

<body bgcolor="FFFFCC">

Les textes, liens & images...

Cliquer sur le bouton "<— précédente" pour revenir à la page précédente

<!-- les commentaires -->

</body>
</html>

Pour voir la page cliquer ici

Nous verrons que cette page très simple sera agrémentée de couleur et/ou d'images.