la Formation Chez Vous

ConnexionCréer un compte
Retour à la sélection des chapitres

la structure d'une page HTML


Dans ce chapitre, vous apprendrez à structurer une page HTML pour qu'elle soit correctement lue par les navigateurs web.

La structure minimale


Une page web doit être correctement formée pour être bien lue par les navigateurs web.

La structure respecte le principe de fonctionnement du HTML. Un point de début et un point de fin pour chaque chose.

On indiquera donc au navigateur où commence le code HTML et où il finit. Cela, à l'aide des balises suivantes :


 <html></html> 
        


Une page html comprendra ensuite deux sous parties, obligatoires et dans un ordre précis.

    

    <html>
        <head></head>
    </html>
    
        


Cette balise contiendra des informations invisibles sur la page web. Ces informations sont à destination des navigateurs web pour leur indiquer comment afficher correctement le contenu.

La deuxième partie de la page HTML sera matérialisée par les balises :



    <html>
        <head></head>
        <body></body>
    </html>

        


Il faut toujours garder à l'esprit que le HTML, comme tous les langages, a été fait par des humains pour être utilisé par des humains.

Il est donc logique de trouver, comme structure de page, une tête (head) au dessus d'un corps (body).

Comme dans la "vraie vie" c'est la tête qui pilote le corps, le corps représentant le contenu que l'on veut voir affiché sur l'écran du navigateur.

Le Doctype


Derrière ce nom barbare se cachent deux mots : "document" et "type". Le "doctype" permet donc d'annoncer, dés le début, le type de document que l'on va créer. Et cela pour la bonne raison que le HTML est un langage et que comme tous les langages il a évolué et continue à évoluer. Il est donc important que le navigateur web qui doit prendre en charge l'affichage de votre page web sache quelle version vous avez utilisé.

Le doctype doit donc être déclaré avant même la balise HTML.

A chaque version de HTML correspond un Doctype. Voici le doctype de la version actuelle du HTML, la version 5 :



        <!doctype html>
        <html>
            <head></head>
            <body></body>
        </html>

        


On notera la présence après le signe < d'un point d'exclamation. Cela permet d'indiquer qu'il s'agit d'une balise atypique. C'est une syntaxe que nous rencontrerons de nouveau plus tard.


La syntaxe du doctype est rigoureuse. Si vous pouvez l'écrire en majuscules ou en minuscules, les espaces eux, doivent être conservés comme indiqué plus haut dans le bloc de code.







Retour à la sélection des chapitres