La découverte du langage de balise XHTML ne nécessite que très peu d’outils :
Cette partie accueille des informations concernant la mise en page (styles, déclaration des feuilles de style, indications destinées aux méta moteurs de recherche et d’indexation, code des scripts…).
| Déclaration de type de document | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> <head> <title>Titre de la fenêtre</title> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> </head> |
| Balise d'ouverture de page | |
| En-tête de la page | |
| Titre de la page | |
| Balise meta : jeu de caractères | |
| Balise de fin d'en-tête |
Il constitue le contenu de la page : texte mis en forme, images, tableaux, formulaires…
Le plus souvent, les autres fichiers, objets, images… sont reliés au fichier principal par des liens hypertextes (d’où l’appellation HTML).
Pour mémoire : un lien hypertexte est une zone rendue sensible au clic de souris et qui permet de naviguer vers une autre page ou un autre endroit de la même page.
| Corps de la page | <body> <!-- corps --> </body> </html> |
| Contenu de la page | |
| Balise de fin de corps | |
| Balise de fin de page |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Titre de la fenêtre</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
</head>
<body>
<!-- balises décrivant la page -->
</body>
</html>