Formation Html structure d’un document Html, tutoriel & guide de travaux pratiques en pdf.
REGLES DE BASE POUR L’ÉCRITURE EN LANGAGE HTML
Un document html « standard » doit impérativement commencer par <HTML> et finir par </HTML>.
Les commandes HTML ont une marque de début et une marque de fin. Certaines marques de fin sont facultatives.
Les commandes HTML utilisent les caractères < et > comme délimiteurs.
Les commandes HTML peuvent être écrites en minuscules ou en majuscules.
Tout ce qui n’est pas compris entre « < » et « > » est tout simplement considéré comme du texte à afficher.
STRUCTURE D’UN DOCUMENT HTML
<HTML> <HTML/> : Commandes de début et de fin de document
<HEAD> </HEAD> : Informations non affichées concernant le document (Date et auteur par exemple)
<TITLE> </TITLE> : Titre du document. Cette information apparaît dans la barre de titre du client WWW.
<BODY> </BODY> : Corps du document. Toutes les informations affichées par le client WWW y sont contenues.
Exemple d’une structure de document HTML :
<HTML>
<HEAD>
<TITLE>Exemple de structure de document HTML</TITLE>
</HEAD>
<BODY>
Les données propres au document HTML
</BODY>
</HTML>
TITRE DE LA PAGE
Ce texte apparaîtra dans la barre de titre du navigateur lorsqu’un utilisateur affichera votre page sur son écran.
Exemple : pour cette page il s’agit de Guide HTML.
<HEAD><TITLE>Guide HTML</TITLE>
</HEAD>
BODY
Tout ce qui est contenu entre <BODY> et </BODY> sera affiché à l’écran, c’est la partie intégrante de votre document, c’est là que vous saisirez votre texte, insérerez vos images et établirez vos liens.
OPTIONS DE BODY
BACKGROUND
Permet de mettre une image dans le fond de la page.
Attention à la couleur d’écriture et celle des liens, en fonction de la couleur du fond. On peut également choisir une couleur de fond proche de celle de l’image.
<BODY BACKGROUND= »nom_de_fichier.ext »>
Exemple :
<BODY BACKGROUND= »cahier.gif »>
BGCOLOR
Permet de changer la couleur de l’arrière plan sans avoir à charger une image, là aussi, il faudra veiller à ce que le texte et les liens soient visibles dans tous les cas.
Par défaut, le fond de page est en blanc, le texte en noir, les liens en bleu souligné, les liens activés en rouge et les liens visités en violet.
TEXT
Permet de changer la couleur du texte, par défaut cette couleur est en principe le noir, mais elle peut-être changée dans les préférences du browser.
LINK
Permet de changer la couleur des liens.
ALINK
Permet de changer la couleur des liens sélectionnés.
VLINK
Permet de changer la couleur des liens déjà visités.
<BODY BGCOLOR= »couleur » TEXT= »couleur » LINK= »couleur » ALINK= »couleur »> VLINK= »couleur »>
COULEUR
La couleur que vous voulez obtenir peut être décrite de deux façons:
-
- avec le nom anglais de la couleur,
- ou beaucoup plus précisément au moyen d’un symbole # et de 6 chiffres (en hexadécimal – base16).
Tout d’abord le format de la commande de couleur est: « #RRVVBB »
# est le symbole qui permet de différencier une valeur d’un nom de couleur.
RR la quantité de rouge contenue dans la couleur.
VV la quantité de vert contenu dans la couleur.
BB la quantité de bleu contenu dans la couleur.
La couleur: #000000 correspond au noir (00 de rouge, 00 de vert et 00 de bleu).
La couleur: #FFFFFF au blanc (le chiffre FF est le maximum possible)
La séquence de numérotation hexadécimale est (de min. à max.): 0 1 2 3 4 5 6 7 8 9 A B C D E F.
Exemple:
<BODY BGCOLOR= »#000000″ TEXT= »#FFFFFF » LINK= »#FF00FF »>
Le fond sera noir, le texte blanc et les liens en rose.
Télécharger le cours complet
