Accueil > HTML > HTML – Structure d’un document HTML

HTML – Structure d’un document HTML

25/03/2002 cybwarrior Commenter Allez aux commentaires
This entry is part 2 of 23 in the series HTML - Tutoriel

HTML - Tutoriel
  1. Squelette d’un document
  2. Exemple d’emploi d’une balise

Comme vous le savez, dans un document HTML, il existe les données et ce qui sert à les mettre
en place.

Ce qui sert à positionner les données s’appelle des balises. Une balise se distingue
ainsi: elle est entre < et >. Il en existe de deux types :


  • Les marqueurs : ils ne sont constitués que d’une seule balise.

  • Les conteneurs : ils sont constitués d’une balise de départ et d’une balise de fin.
    La balise de fin est constituée d’un slash (/).


Squelette d’un document


Quoiqu’il arrive, un document doit être constitué au minimum de 3 balises de type
conteneur que nous allons détailler. Voici le squelette :


<HTML>

<HEAD>

</HEAD>


<BODY>

</BODY>

</HTML>

Vous remarquez que la première balise est <HTML>. Elle débute à la première ligne
(<HTML>) et termine à la dernière ligne du fichier (</HTML>).
Elle sert juste à délimiter l’ensemble du document HTML. C’est à dire que toutes les informations
devront être écrites entre la balise <HTML> et la balise </HTML>.
On peut comparer cette balise à la page d’un document écrit.

La deuxième balise est <HEAD>. C’est dans son contenu (entre <HEAD>
et </HEAD>) que devront être stockées les informations d’en-tête. On
peut comparer les informations d’en-tête au paratexte d’un document écrit. Mais nous détaillerons
cela plus tard.

La troisième et dernière balise est <BODY>. C’est à l’intérieur de celle-ci (entre <BODY>
et </BODY>) que se trouve tout le document: le texte, les images. On peut comparer <BODY>
au texte d’un document écrit.



Vous remarquez que les balises <HEAD> et <BODY> sont emboîtées
dans la balise <HTML>. Ne vous inquiétez pas, les balises sont très souvent
imbriquées les unes dans les autres.


Exemple d’emploi d’une balise


Par exemple, pour indiquer le titre du document, celui qui est écrit dans la barre de titre de
votre navigateur, il faut utiliser la balise <TITLE> qui est du type conteneur.

Cette balise doit être placée dans la section d’en-tête du document, c’est à dire entre
<HEAD> et </HEAD> :


<HTML>

<HEAD>

<TITLE>Ceci est le titre de la page</TITLE>

</HEAD>


<BODY>

</BODY>

</HTML>

Cliquez-ici pour voir le résultat



Pour tester cet exemple, effectuez un copier/coller jusque dans votre éditeur de balises ou
NOTEPAD, puis enregistrez le fichier en donnant pour extension .htm ou .html, ces
deux extensions étant valides.

Il est recommandé d’écrire les noms de fichiers en minuscule. De plus, suivant le système
du service qui héberge vos pages, les noms de fichiers doivent parfois se soumettre à plusieurs
conventions, comme par exemple, 8 lettres maximum. Référez-vous à votre ‘hébergeur’ pour de
plus amples informations

Une fois le fichier dûment nommé, tapez son chemin dans la barre adresse de votre navigateur.
Il vous faudra peut-être rajouter ‘file:///’ devant le chemin et convertir les ‘\‘
en ‘/‘ en cas d’échec.

Vous remarquez alors que le titre voulu s’affiche dans la barre de titre de la fenêtre.

Concernant les noms des fichiers, il faut veiller à toujours avoir un fichier nommé index.htm
ou index.html dans chaque répertoire que vous crérez pour votre site.

Si un visiteur tape dans sa barre d’outils l’adresse d’un de vos répertoires, et que par malheur,
aucun fichier index ne se trouve à l’intérieur, la liste de tous les fichiers du
répertoire apparaitra, ce qui est rarement l’effet recherché.

Series Navigation«HTML – Introduction à l’HTMLHTML – Le texte»
Categories: HTML Tags:
  1. Defotso
    29/11/2005 à 14:46 | #1
    Répondre | Citer

    en fait por un débutant cela veus dire quoi?

  2. Venor OSS’ASSIAMI
    29/04/2006 à 15:45 | #2
    Répondre | Citer

    Je trouve cette partie intérressante. Je vous tire mon chapeau et encore merci pour ce que vous faites.
    Pensez aussi à reactualiser votre site….!

  1. Pas encore de trackbacks