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 :

  • <html></html> : La page
  • <head><title></title></head> : l'entête
  • <body></body> : Le corps
  • <!-- les commentaires --> : Les commentaires
 

Les marqueurs<html></html>

    De l'anglais : HyperText Markup Language, ces marqueurs indiquent que ce qui est écrit c'est du HTML. Tout le contenu du document, texte et marqueurs, doit être situé entre <html> et </html>. C'est le premier marqueur qui doit ce trouver dans tout document 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.

 

 
Introduction | Découvrez le HTML | La page HTML | Les liens hypertextes | Formater le texte
Mettre des images | Les tableaux | Les listes & définitions | Les formulaires | Le multimédia