|
Un document HTML se décompose et 2 grandes parties, il y a l'entête
(head) et le corps du document (body). La syntaxe générale
d'un document HTML sera donc :
<html>
<head> </head>
<body> </body>
</html> |
Dans la première partie (head) nous verrons apparraître
des données qui ne seront pas directement visible dans le document
final.
Que peut-on y trouver ?
Des balises META (voir article à ce sujet)
Le titre de la page
Des morceaux de javascript, ainsi que d'autre petites choses qui doivent
être charger dans le document tel que des feuilles de style CSS
par ex (voir article à ce sujet).
Dans la deuxième partie (body) apparaîtra tout ce qui sera
visible au final. On y retrouvera donc:
Le texte
Les images
Les tableaux
Les formulaires
Les boutons
...
Entrons dans le vif du sujet.
Voici un exemple concret et simple
<html>
<head>
<title>Titre de la page</title>
</head>
<body>
<p>Bonjour tout le monde</p>
</body>
</html> |
Voici le résultat dans votre navigateur :
Comme vous le voyez le titre de la page que l'on a placé entre
la balise <title>...</title> dans l'entête du document
(<head>...</head>) apparaît dans le haut de votre navigateur.
Tout ce qui se trouve entre la balise <body>...</body> apparaît
à l'interrieur de votre navigateur. La balise <p>...</p>
définit un paragraphe. Pour marquer le retour à la ligne
sans commencer un nouveau paragraphe il suffit d'employer la balise <br>
qui elle ne se referme pas.
Et voici un nouvel exemple :
<html>
<head>
<title>Titre de la page</title>
</head>
<body>
<p>Bonjour tout le monde<br>
Il fait beau aujourd'hui</p>
<p>Ceci est un nouveau
paragraphe</p>
</body>
</html> |
Ce qui permet d'obtenir :
|
