|
Commençons par le début
Je ne vais pas me lancer tête baissée dans un cours magistral (j'en suis incapable) mais plutôt vers des notions simples et vous permettre de comprendre le mécanisme de ce langage.
Le début d'un déclaration de page HTML commence tout simplement par <HTML>.
Votre navigateur va alors continuer à lire la suite de la page et interpréter les différentes balises et commandes qu'il va rencontrer.
Non citées en page 5, avant d'attaquer le "corps" de la page on va très souvent trouver ces balises :
<HEAD></HEAD>
qui va déterminer un en-tête de page, mais qui ne sera pas affiché, ayant une fonction d'information sur le site qui pourra être utilisée par les moteurs de recherche.
<META NAME=>
Contiendra diverses informations, mais n'en parlons pas pour le moment, on peut s'en passer.
<TITLE></TITLE>
Celle ci est utile, elle permet d'afficher le nom de la page dans la barre de tâche du navigateur.
<BODY></BODY>
Avec Body (le corps) on entre dans le sujet qui va nous intéresser, c'est à dire tout ce qui va se passer sur votre écran, textes, images, animations etc...
A partir de cette balise on va également pouvoir installer une couleur de fond d'écran, déterminer la couleur du texte par défaut, et d'autres options que nous verrons plus tard.
<BODY bgcolor="#CCCCCC">
ce qui nous donnera un fond gris clair. En reprenant l'exemple de la page 5, amusez vous à modifier les C par d'autres chiffres hexadécimaux (de 0 à F).
Il est également possible d'écrire en clair les noms des couleurs (en anglais), essayez :
<BODY bgcolor="GREEN">
pour obtenir un fond vert, pour le rendre plus clair utilisez plutôt "LIGHTGREEN", et DARKGREEN plus vert foncé.
Depuis l'arrivée du HTML V4+, les guillemets ne sont plus obligatoires, dans le doute de compatibilité avec d'autres systèmes il est préférable de les garder.
<BODY bgcolor="GREEN" TEXT="#000000">
Dès le début on forcera le texte à une couleur noire par défaut, idem que pour bgcolor, on peut remplacer les 0 par "BLACK" ce qui aura le même effet.
Toujours dans le même exemple, changer la couleur et vous verrez votre ligne de texte changer de couleur.
|
|
Le plus facile est de faire une simple page de texte, mais si c'est pour utiliser votre Amiga comme une machine à écrire... Apportons y une petite touche de gaieté!
Dans cet exemple, les chiffres numérotant chaque ligne ne sont là que pour l'explication.
(1) <HTML>
(2) <TITLE>Ma première page</TITLE>
(3) <BODY bgcolor=#CCCCCC TEXT=BLACK>
(4) <CENTER>
(5) <FONT SIZE=3 color=#9d4e00>
(6) Saisissez n'importe quel titre
(7) </CENTER>
(8) <BR>
(9) <BR>
(10) </FONT>
(11) Ici, saisissez le texte de la page
(12) </BODY>
(13) </HTML>
· Ligne 1 : début de la page HTML
· Ligne 2 : Titre de la page, celui ci s'inscrit en haut de la fenêtre du navigateur
· Ligne 3 : Début du BODY (corps de la page). Avec cette balise j'y ai ajouté l'option BGCOLOR qui va déterminer la couleur du fond de page, et TEXT qui va déterminer la couleur du texte par défaut, en l'occurence: noir (on aurait pu utiliser #000000).
· Ligne 4 : Alignement au centre (CENTER)
· Ligne 5 : Définition de la police de caractère - ici on détermine une police de taille 3 et d'une couleur proche du marron
· Ligne 6 : Le texte du titre - écriture libre
· Ligne 7 : Annule alignement au centre
· Ligne 8 et 9 : 2 retours à la ligne
· Ligne 10 : annule les caractéristique de "FONT" précédentes
· Ligne 11 : Le texte - écriture libre
· Ligne 12 : Fin du "BODY"
· Ligne 13 : Fin de la page HTML
Pour vous amuser avec les codes de couleur, lancer cette page html : Code de couleurs, vous y trouverez toute une palette de couleurs avec les codes hexadécimaux que vous pourrez utiliser pour la couleur du fond et du texte (Merci Quick).
José
|
|
