Cours / Tutorials - Les bases pratiques
Les bases XHTML en pratique
- Un document Xhtml est balisé
- Ces balises doivent correctement imbriquées
- Ces balises doivent toujours être fermées
- Ces balises sont toutes contenues dans une balise racine unique
- Toutes les balises s'écrivent en minuscule
Une balise ressemble à ceci : <html>. La fermeture de cette balise <html> s'écrit </html>.
Nous n'avons pas vu cette balise <html> pour rien en premier. C'est celle qui va contenir toute votre page, c'est la balise "racine" généralement appelée "root".
Entre l'ouverture <html> et la fermeture </html>, nous allons imbriquer d'autre balises, sans jamais les croiser.
Ecriture correcte :
<html> Ouverture de la balise racine html
<head> Ouverture de l'en-tête de la page head
</head> Fermeture de l'en-tête de la page
<body> Ouverture du corps de la page
</body> Fermeture du corps de la page
</html> Fermeture de la balise racine
Il ne faut surtout pas écrire :
<html>
<head>
<body> Corps ouvert avant la fermeture de l'en-tête.
</head> En-tête fermé avant fermeture du corps alors que ce dernier est déjà ouvert.
</body>
</html>
Ici, ça vous parait probablement logique mais vous risquez très certainement de faire ce genre d'erreur. Il est donc très important que vous y preniez garde dès maintenant.
La première page
Dans le bloc-note, écrivons donc notre première page :
<html>
<head></head>
<body>
<p>Ceci est ma premiere page XHTML</p>
</body>
</html>
Enregistrez cette page sous le nom "1-hello.htm". Attention, par défaut, le type de fichier reste ".txt". Sélectionnez "tous (.*)" afin de bien avoir l'extension de fichier ".htm".
Rendez-vous dans le dossier d'enregistrement (blog-webmaster/xhtml-css) et double cliquez sur le fichier. Votre navigateur s'ouvre et vous affiche "Ceci est ma premiere page XHTML". Félicitations !
Note : L'extension ".htm" ou ".html" indique qu'il s'agit d'une page html. C'est ce que nous voulons puisque le Xhtml en est un descendant. La plupart des logiciels facilitant la création de pages Internet ne font pas de différence en Xhtml et Html au moment de la création et de l'enregistrement du fichier.
<< Cours précédent Sommaire des cours XHTML Suite >>