1. Règles HTML et balises

  • Le HTML (HyperText Markup Language) utilise des balises (tags). Cette structure est toujours la même.
  • Chaque balise doit être ouverte et fermée (sauf rares exceptions)

    ex : <BODY> et </BODY>

    Les majuscules et les minuscules dans les instructions n'ont aucune importance : <TABLE> est équivalent à <table>. Attention, quand même, à bien respecter les ordres d'ouverture et de fermeture sinon vous risquez de perdre en lisibilité.

Structure du document :

Un document HTML normal a toujours la structure suivante :


<HTML>

           <HEAD>

           </HEAD>

 

            <BODY>

           </BODY>

</HTML>



2. Structure et en-tête du document (<HEAD>)


Vous devez entrer la balise <HTML> qui indique le début de votre fichier, puis la balise <HEAD> dans laquelle sont résumées des informations générales, c'est à dire le titre de votre page et les balises qui permettent d'indexer (référencer) votre site.

3. Le corps du document (<BODY>)

Pour l'instant, le navigateur ne visualisera rien, car les véritables données qu'il va afficher vont se trouver dans la balise <BODY>. Cette balise détermine le corps du document : c'est ici que vous allez intégrer titres, textes, images, tableaux, liens...
La balise <BODY> a de nombreux attributs :

  • BGCOLOR : Définit la couleur du fond de l'écran.
  • TEXT : Définit la couleur du texte.
  • LINK : Définit la couleur des liens.
  • VLINK : Définit la couleur des liens déjà visités.
  • ALINK : Définit la couleur des liens activés, c'est à dire quand le pointeur de la souris passe dessus.
  • BACKGROUND : Définit l'image (gif ou jpeg) à utiliser comme fond d'écran.
  • LEFTMARGIN : Définit la largeur de la marge de gauche en pixels.
  • TOPMARGIN : Définit la largeur de la marge du haut en pixels.

6. Exemple typique d'une page HTML

<HTML>
<HEAD>
<TITLE>Les ateliers du samedi matin, bonjour !</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE" TEXT="BLACK" LINK="BLUE" VLINK="GREEN" ALINK="RED">
Hello, World !
</BODY>
</HTML>