2.1 - Fonctionnement d'une balise HTML
Il existe 2 types de balises HTML :
1 - les balises ouvrantes et fermantes
2 - les balises autofermantes
Les balises ouvrantes et fermantes sont par exemple de la forme :
"Ceci est du code <abbr>HTML</abbr>".
<abbr> est une balise ouvrante.
</abbr> est une balise fermante.
Ceci est du code <abbr>HTML</abbr> signifie que le mot "HTML" est une abbréviation.
En revanche, les balises autofermantes sont par exemple de la forme :
<img src="images/mon_image.jpg" alt="nom de mon image" />
Cette balise correspond à une image (nous verrons cela plus loin).
2.2 - Les dimensions utilisees sur Internet
Pour créer notre site, les dimensions utilisées seront en
pixels. La largeur de notre site Internet sera de
800px.
Il ne faut pas utiliser le
centimètre pour créer un site, mais le
pixel ou le
pourcentage.
2.3 - Modifiez le titre de votre page
Vous allez maintenant modifier le titre de votre page Internet qui se trouve dans votre page index.html. Ouvrez la page avec votre bloc note et rendez-vous à la ligne :
<title>Titre de ma page web</title>
Le titre de la balise <title> n'est pas directement celui affiché sur votre page. Mais celui visible dans le navigateur web. C'est aussi les titres qui sont affichés dans les moteurs de recherche (Google, Yahoo...).
Ecrivez le titre le plus explicite possible pour votre page.
Par exemple :
2.4 - Les balises meta
Comme la balise title, les meta ne sont pas directement visibles sur le site. Elles permettent d'indiquer brièvement aux moteurs de recherche (Google, Yahoo, Voila...), des informations sur le contenu de votre page. Deux balises sont souvent utilisés :
- Meta Description :
Cette balise permet de fournir une description de sa page aux moteurs de recherche. Il est important d'écrire une phrase brève et explicite qui détail le contenu de la page de votre site. C'est aussi le texte qui est affiché (dans la plupart des cas) dans les résultats des moteurs de recherche.
- Meta Keywords :
Cette balise permet de fournir une liste de mots clés et d'expression en rapport avec le contenu de votre page. Ces mots clés sont plus ou moins pris en compte par les moteurs de recherche. De nombreux sites ne l'utilisent d'ailleurs jamais : la remplir est donc facultatif.
2.5 - Le contenu de votre page Internet
Nous venons de voir comment préparer sa page. Dans l'étape suivante, vous allez apprendre à intégrer du contenu à votre page. A savoir que le contenu visible sur votre site se met entre les balises <body>...ici le contenu de votre page...</body>