Formation 36

Structure d'une page HTML

Le code XHTML est généralement placé dans un fichier d'extension « .html ».

 

Lorsque vous consultez une page sur internet, le serveur qui héberge le site demandé transmet un fichier HTML à votre navigateur. Dans le code de ce fichier, le créateur du site internet a inséré des balises XHTML, c'est-à-dire des instructions rédigées en XHTML qui vont permettre à votre navigateur de comprendre la structure de la page, pour l'afficher correctement sur votre écran.

 

Il existe par exemple des balises pour délimiter les paragraphes, des balises pour créer des titres, des balises pour insérer des images, etc... Les balises vont souvent par paires car elles encadrent le texte auquel elles s'appliquent.

 

Exemple :

<p>Ceci est le texte d'un paragraphe. Deux balises permettent d'en délimiter le début et la fin.</p>

 

Mais comme nous le verrons par la suite, il existe des exceptions. Certaines balises ne vont pas par paire.

Les instructions XHTML ne sont pas visibles par les internautes. Le navigateur s'en sert pour construire la page, mais ne les affiche pas à l'écran. Si vous voulez voir à quoi ressemble le code XHTML d'une page, vous pouvez utiliser le menu Affichage >> Code source de la page de votre navigateur internet.

Structure d’une page XHTML

Pour être valide et conforme à la « norme », une page XHTML doit comporter au minimum :

  • un « doctype » : il s'agit d'une ligne de code qui annonce en quel langage informatique est rédigée la page

  • une balise <html>, qui délimite le début et la fin de la page

  • une balise <head> (entête) qui sert à décrire le contenu de la page, à préciser le nom de l'auteur...

  • une balise <body>, qui contient la partie visible de la page, aussi appelée « corps de page ». C'est ce qui sera affiché à l’écran.

 

 

 

 

 

 

 

 

Ces différentes informations doivent être organisées comme dans l'exemple suivant :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">

<head>
<!--ici se trouve l’entête de la page (titre, mots clés, description, auteur...)-->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Titre de la page</title>

</head>

<body>
ici se trouve le contenu visible de la page
</body>
</html>

Structure minimale d’une page HTML

Pour satisfaire aux standards XHTML, les balises doivent être écrites en lettres minuscules.

En fait, il n'y a pas de « norme XHTML » mais un ensemble de bonnes pratiques communément admises.
L'organisme à but non lucratif chargé de centraliser ces directives se nomme le W3C, World Wide Web Consortium. Son rôle consiste à favoriser l'évolution et l'inter-compatibilité des langages rencontrés sur le net.

Vous pouvez ajouter des commentaires au code HTML. Ces commentaires, pour ne pas être affichés par les navigateurs internet, doivent être placés entre <!-- et -->, comme ceci :

<!-- texte de commentaire -->



Pour plus d'informations, vous pouvez nous contacter par mail ou aux coordonnées suivantes :


Contacter CS Formation

 

Tutos et cours en ligne

HTML / CSS