Home > Internet & Telecoms > HTML Language

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…

é

&eacute;

è

&egrave;

à

&agrave;

>

&gt;

<

&lt;

"

&quot;

©

&copy;

&#153;


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 ]

©

Contact Information