|
|
|
Les composants
d'un document html :
Une page web est tout simplement un document HTML, composé
d'une entête et le corp du document comme le listing ci-dessous.
On remarque qu'un document html commence toujours par la balise
ouvrante <html> et finit par la balise fermante </html>.
<html>
<head>
... <--{ Ici les éléments de l'entête.
</head>
<body>
... <--{ Ici tout ce qui compose le corp.
</body>
</html> |
- L'entête
est délimitée par la balise ouvrante <head>
et la balise fermante </head>. Elle sert à la définition
du titre du document (seule balise obligatoire dans l'entête)
et autres balises META tags, mais aussi à la définition
des fonctions de scripts et feuilles de styles.
- Le corp du
document est délimité par les balises <body>
et </body>, et contient tout le contenu de la page qui s'affiche
dans le navigateur, comme ce que vous lisez en ce moment.
|
| |
|
Exemple 1
: (Listing no 1)
|
<html>
<head>
<title>Mon beau titre</title>
</head>
<body>
Voici mon premier document en html.
</body>
</html>
|
|
| |
| Le titre -----------> |
 |
| Le corp -----------> |
| Voici mon premier document en html. |
|
Dans cette exemple
on a intronduit le titre du document "Mon beau titre", délimité
par ses balises <title> et </title>, dans l'entête
du document entre les balises <head> et </head>. A noter
que le titre est seul obligatoire dans l'entête d'un document
html, il sert à identifier le document. A l'ouverture du document
le titre s'affiche tout en haut du navigateur, ici Microsoft(c) Internet
explorer, dans la barre de titres.
Dans le corp du document aucune balise de formatage, style de caractères
ou positionnement ..., n'est spécifiée, le navigateur
choisit alors ses propriétés par défaut : caractères
"Times new roman" noirs de taille 3 et alignement horizontal
du texte sur la gauche.
On remarque également les sauts de lignes dans le listing et
qui ne sont pris en compte par le navigateur à l'affichage.
Pour forcer le navigateur à faire un saut de ligne, il faut
le lui indiquer, à l'endroit voulu, par la balise <br>.
De même pour les espacement, même si on en introduit plusieurs
devant un mot, un seul sera pris en compte à l'affichage, les
autres seront ignorés, celà permet de mieux formater
et structurer le code source.
|
| |
|
