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>