Structure générale d'une page WEB

Structure de base de la page HTML :

La structure d'un document HTML, quel qu'il soit, est la suivante :

<HTML>       
<HEAD>       
<TITLE>Titre de la page</TITLE>    
</HEAD>      
<BODY>       
   ...
</BODY>      
</HTML>

Généralement, les balises HTML sont constituées de deux marqueurs de la forme : <marqueur>...</marqueur>, le premier indiquant le début des instructions concernées par ce marqueur, et le second la fin des instructions des instructions consernées par ce marqueur. Il est possible d'encastrer des balises les unes dans les autres.

Marqueur <HTML>

C'est ce marqueur qui indique qu'il s'agit d'un document HTML. Par analogie, le marqueur </HTML> doit se trouver en dernière position dans le fichier texte.

Marqueur <HEAD>

Les marqueurs <HEAD> et </HEAD> délimitent la zone d'en-tête. Aucun contenu de cette zone ne sera affiché dans la page HTML.
Cette zone contient les marqueurs <TITLE>...</TITLE>, le texte compris entre ces deux marqueurs est le titre de la page. Il sera affiché dans la barre de titre du navigateur.

Marqueur <BODY>

Le corps de la page est contenu entre les marqueurs <BODY> et </BODY>. Il contient tous les éléments affichables de la page. Cela peut être du texte, des images, des liens, etc…

Marqueur 

Le texte contenu dans ce marqueur est du commentaire, c'est à dire qu'il est utilisé par le développeur pour que ce-dernier ait explicitement des informations sur une partie de code. Ce texte n'est donc pas pris en compte par le navigateur.

Remarque : Tous les documents HTML doivent être enregistrés avec l'extension .htm ou .html.

Exemple :

Vous êtes dès à présent capable de créer votre première page HTML : Ouvrez un éditeur de texte (exemple : notepad de windows), et tapez le texte suivant :

<HTML>
<HEAD>
<TITLE>PREMIERE APPLICATION</TITLE>
</HEAD>
<BODY>
Hello, World…
</BODY>
</HTML>

Enregistrer ensuite le fichier avec l'extension htm (ex. : hello.htm).
En ouvrant ce fichier à l'aide d'un navigateur (il n'est pas nécessaire d'être connecté à Internet), vous vérifiez que le titre "PREMIERE APPLICATION" apparaît dans la barre de titre du navigateur. Le seul contenu du corps de la page est le texte "Hello, World…"
N.B.: Plus simplement, comme dans tous les exemples de ce site, vous pouvez cliquer sur l'icône Résultat pour visualiser la page HTML créée dans cet exemple.

Page d'accueil
Plan du site

Rubriques :

Documentations :

HTML

DHTML

JAVAScripts

WML (WAP)

Liens utiles :

Hébergement

Référencement

Web rémunéré