|
Page 1 | Page 2 |
Page 3
Qu'en est-il de la structure de la base d'une
page HTML ?
Pour vous mettre à l'aise,
sachez que le code HTML n'est pas un langage de programmation. Il ne programme
rien. Il se contente de créer des liens vers d'autres documents, de
mettre en forme le texte et de définir, entre autres, la position des
images. La technique qu'il met en oeuvre se résume à des
instructions à insérer dans votre document sous forme de
balises. Les navigateurs les interprètent avant d'afficher la
page qui les contient. Ce n'est pas plus compliqué que ça.
<HTML>
<HEAD><TITLE>
La
page d'accueil
</TITLE></HEAD>
<BODY>
Bienvenue
sur ce site! Vous y trouverez ...
</BODY>
</HTML>
Le tag <HTML>, d'emblée, signale au browser qu'il
va afficher une page web. </HTML>, lui, indique la fin du document.
Lequel sera toujours composé de deux parties :
l'en-tête et le corps, délimités
respectivement par les balises <HEAD> </HEAD> et <BODY>
</BODY>.
Le premier couple (Head) contient des informations
à propos du document. Et d'abord, son titre, compris entre les tags
<TITLE> et </TITLE>. Il apparaît dans la barre
supérieure des navigateurs et dans les listes des moteurs de recherche.
Il est conseillé de choisir un titre court et précis.
Les balises <BODY> </BODY>, elles, contiennent toutes les
informations qui s'affichent dans la fenêtre principale des navigateurs :
texte, images, etc. |
Une sélection de balises :
Les balises HTML n'échappent
pas à la règle, rien ne vaut un peu de pratique pour mieux
assimiler un nouveau langage. Quelques tags avant de partir ne vous feront donc
pas de mal. Il suffit, dans un fichier HTML, de délimiter une portion de
votre texte par un de ces couples et d'ouvrir votre page dans un navigateur
pour afficher le résultat.
|
Balises |
Significations |
|
<CENTER> </CENTER> |
Aligner au centre |
|
<FONT SIZE="+2"
COLOR="#800000">
</FONT> |
Modifier la taille et la couleur des
caractères |
|
<B> </B> |
Gras |
|
<I> </I> |
Italique |
|
<P> |
Paragraphe |
|
<P ALIGN="left"> |
Paragraphe aligné à
gauche |
|
<P ALIGN="center"> |
Paragraphe aligné au centre |
|
<P ALIGN="right"> |
Paragraphe aligné à
droite |
|
<BR> |
Retour à la ligne |
|
Qu'en est-il des caractères
spéciaux?
Tous les webmasters francophones ont
du apprendre les caractères spéciaux, inévitables sur le
Web. Tous les caractères ont une signification dans la programmation
HTML. En français, nous avons plus de boulot que les anglais: nos
é, è, ï et autres ê. Ce serait tout de même
dommage de les perdre, en direct, sur le Net ! Un code apparaît
alors à la place de la lettre correspondante en commençant
invariablement par un & et en se terminant par un point virgule (;). Voici
les plus courants :
|
Pour obtenir un… |
Il faut saisir… |
|
é |
é |
|
è |
è |
|
à |
à |
|
> |
> |
|
< |
< |
|
" |
" |
|
© |
© |
|
™ |
™ |
|
Qu'en est-il des fonds de pages?
Définir une couleur
d'arrière-plan sur une page Web, c'est tres simple ! Ajoutons un
attribut essentiel BGCOLOR à la balise BODY. Ainsi :
<BODY BGCOLOR="#rrggbb">
La
chaîne rrggbb représente la valeur hexadécimale
attribuée au rouge (rr), au vert (gg) et au bleu (bb). Dans ces
conditions, inutile d'entrer dans des détails hautement soporifiques.
D'autant plus qu'il existe une multitude d'outils pour vous simplifier la vie,
capables d'afficher le code hexadécimal d'une couleur que vous
sélectionnez, à la souris, dans une palette graphique. Par
exemple :
|
Pour obtenir un… |
Il faut saisir… |
|
rouge |
#FF0000 |
|
bleu |
#0000FF |
|
vert |
#00FF00 |
|
jaune |
#FFFF00 |
|
orange |
#FF8000 |
|
violet |
#FF80FF |
|
[ HTML Language |
Javascript Tutorial |
Mobile Communications
] |
