Aide pour ceux qui veulent s'initier aux outils HTML, les principales commandes et quelques astuces.
Source : www.scriptzone-fr.com/cours/html/guidehtml.htm Que nous remmercions pour la clarté de leurs explications.
Le HTML (Hypertext Markup Language) est le langage utilisé pour construire des documents pouvant être visualisés sur le Web. Un document HTML peut incorporer du texte, des images, de l'animation, des films et du son.
Principe :
des "BALISES" entourent des blocs de texte pour décrire sa présentation
Lorsqu'un navigateur traite le document en question, il formate le texte suivant la signification de ces balises.
Il est également possible d'inclure des objets de nature autre que du texte, tels des images, de l'animation, du son ou des vidéos avec des balises particulières..
Un document HTML peut être créé à l'aide d'un simple éditeur de texte.
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
On verra plus loin les feuilles de style, au niveau de l'initiation nous indiquons un moyen simple de mzettre une image de fond ou une couleur dans tout le "<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.
Si le fond est constitué d'une image foncée il faudra écrire le texte en couleur blanche ou très claire et réciproquement
On peut également choisir une couleur de fond proche de celle de l'image.
Exemple :
<BODY BACKGROUND="image.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.
Exemple :
<BODY BACKGROUND=#F0E899"> (voir les codes couleur après)
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.
Exemple :
<BODY BACKGROUND=#000000" TEXT=#FFFFFF> (voir les codes couleur après : 000000 = noir et FFFFFF= blanc ici on aura un texte blanc sur fond noir)
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.
voir les couleurs de bases en html avec leur code
|
