Première page en XHTML

Votre premier document XHTML

Première étape : indiquer que l'on écrit du XHTML 1.1

La premiére chose à écrire dans notre fichier texte est la suivante : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> Elle indique au navigateur et au vérifivateur de syntaxe que notre document est rédigé en XHTML 1.1. C'est une ligne indispensable.

On va maintenant s'intéresser à ce qu'on écrit dans ce fichier.

Deuxième étape : structurer le document

On utilise les balises suivantes :

Balisage <html> </html>
Ces balises indiquent le début et la fin du document xhtml, on trouve donc <html> juste après le doctype et </html> est la dernière balise du document
On écrira : <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> </html> pour indiquer que notre document est écrit en xhtml et que la langue utilisée est le français.
Balisage <head> </head>
Ces balises marquent le début et la fin de l'en-tête du document, une zone permettant de spécifier la feuille de style, les fonctions javascript, l'encodage de caratères qui sont utilisés.
on écrira : 
<head>
    <title>Ma première page web en XHTML</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>
Pour indiquer que le titre du document est Ma première page web en XHTML et que l'encodage est le UTF-8 et que le titre est Ma première page web en XHTML
Balisage <body> </body>
Ce balisage contient toutes les données affichées à l'écran
Exemple : 
<body>
        <p>Mon premier paragraphe</p> 
</body>

Résultat final : première page XHTML

Le code de notre première page XHTML est :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
    <head>
        <title>Ma première page web en XHTML</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    </head>
    <body>
        <p>Mon premier paragraphe</p>
    </body>
</html>

Validons la syntaxe de notre première page en copiant/collant le code source ci-dessus :

Le validateur du W3C : http://validator.w3.org
Résultat : Première page