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> .Le corps d'une page HTML
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>.
<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.<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.
