Leçon 2 : Jouons avec le texte ! (suite)


Les balises cachées de la leçon 1 étaient les suivantes <I> <U> <B> (avec leur contre-balises respectives) qui permettent de mettre le texte entre balises en italique, en souligné ou en gras. L'autre balises cachée était située entre les balises <HEAD> et </HEAD>: il s'agit de la balise <TITLE> (et </TITLE>) qui indique le titre de la page qui apparaîtra dans la barre de titre de la fenêtre du navigateur et dans les favoris lorsqu'on y copie la page.

Introduction

Objectif : jouer avec les couleurs, les tailles et les polices du texte et de la page.

Pour mieux travailler, il faut pouvoir faire des essais successifs pour affiner petit à petit la présentation. Je suggère donc d'ouvrir le bloc-notes dans une fenêtre, le navigateur dans une autre, et leur partager l'écran. Ensuite, tape quelques lignes dans le bloc-notes, sauve avec l'extension .HTML, puis ouvre le fichier dans le navigateur et regarde ce qui s'affiche... Modifie ensuite dans le bloc-notes, sauvegarde, puis dans le navigateur demande "Actualiser", etc...

Sans plus tarder, entrons dans le vif du sujet !


Changer la couleur du fond

<BODY BGCOLOR="Couleur"> sert à définir la couleur du fond de l'écran.
La couleur COLOR peut être indiquée de deux façons:

1 - par son nom : Black - Maroon - Green - Olive - Navy - Purple - Teal - Gray - Silver (invisible ici) - Red - Lime - Yellow - Blue - Fuchsia - Aqua - White

2 - par sa valeur : color=#rrggbb ou rr gg et bb sont les 3 couleurs Rouge, Verte et Bleue. Les valeurs pour chacune des couleurs s'expriment en hexadécimal (base 16) de 00 à FF.
Quelques exemples de couleur : Le noir = #000000, le blanc = #FFFFFF, le gris clair = #C5C5C5, le gris foncé = #303030, le rouge = #FF0000, le vert = #00FF00, le bleu = #0000FF, le rose comme ici = #FF7070, le jaune = #00FFFF etc...


Modifier l'apparence du texte

La taille de la police

<FONT Size="x"> sert à modifier la taille de la police, avec x=1 à 7. Contrairement à <Hx>, 1 est la valeur la plus petite.

Elle peut être aussi définie relativement à la taille par défaut en indiquant "+x" ou "-x"

La couleur de la police

<FONT Color="Couleur"> sert à modifier la couleur de la police, de la même façon qu'on modifie la couleur du fond de page.

La police utilisée

<FONT Face="Police"> sert à changer la police. Par exemple: arial, times new roman, comic sans ms, book antiqua etc.

On peut aussi définir les spécificités d'une polices à utiliser par défaut (c'est à dire sauf indication contraire dans la suite de la page) pour tout le document à l'aide de <BASEFONT Face="Police" Size="x" COLOR="Couleur">.On n'est pas obligé de préciser les trois attributs, on peut se contenter de choisir d'indiquer la police et sa couleur, ou la couleur et la taille.


Il faut faire spécialement attention à l'imbrication des balises: on doit toujours respecter l'ordre première ouverte - dernière fermée. D'où l'importance d'écrire balise et contre-balise immédiatement et de travailler ensuite à l'intérieur de l'espace des deux balises.




Il y a une balise mystère que je n'ai pas citée, trouve-là et essaye de voir à quoi elle sert.

Phoebe 08/02/2001