Dossier
pratique |
|
Réalisation
d'une Page Perso |

2. La structure des pages
Votre page web se décompose en deux parties, la tête
("head") et le corps ("body"):
la première permet d'inclure du texte non visible lorsque
la page est en ligne. Ces informations, qui doivent être
inscrites sur chacune de vos pages web, servent principalement
à référencer votre site auprès des moteurs de recherche et
donc à lui assurer une bonne visibilité au milieu des millions
de pages web existantes. Notez qu'aujourd'hui, les balises
"description" et "mots-clés" ne
sont plus prises en compte par les moteurs de recherche dans
l'indexation des sites mais continuent en pratique à
être renseignées (pour plus de détails,
voir
notre dossier sur le référencement).
La "tête" est comprise entre les balises <HEAD>
et </HEAD>
Elle comporte les éléments suivants :
- le titre ("title") de la page compris entre
les balises <TITLE> et </TITLE>
- la description du contenu de la page dans la balise
<META NAME= "DESCRIPTION" CONTENT="mettez
à cet endroit le sujet de votre page">
- les mots-clés ("keywords") dans la balise
<META NAME="KEYWORDS" CONTENT="mettez à
cet endroit les mots qui définissent de quoi traite votre
page">
Le "corps" de votre page web, autrement dit ce qui
sera visible dans les navigateurs et donc lu par les internautes,
est compris entre les balises <BODY> et </BODY>.
C'est entre ces deux balises que vous allez inclure du texte,
des images, des liens ("links"), des tableaux ("tables"),
des cadres ("frames")
Exemple
La page d'accueil de votre site ressemblera à ça :
<HTML>
<HEAD>
<TITLE>nom de mon
site</TITLE>
<META NAME="DESCRIPTION" CONTENT="ce que
ma page contient">
<META NAME="KEYWORDS" CONTENT="mots qui
définissent de quoi traite ma page">
</HEAD>
<BODY>
Ceci est la page d'accueil de mon site. Vous y trouverez
des informations sur
</BODY>
</HTML>
*** Seul le texte en noir sera visible par les internautes
lorsqu'ils se connecteront sur votre page. Remarquez que nous
avons défini la "tête" en bleu et les
balises du "corps" en rouge, pour faire ressortir
la structure d'une page HTML type.
|