Home

Les Autres Sites

Apprendre le HTML

L'Aguzou

L'Islande

Environs de Paris

Paroles de chansons

Goodies

Liens

Forum de discussion

Barre de navigation

   

-= greg-seth =-

 

 Apprendre le HTML 

 
 

Désormais attachons-nous au contenu. Le HTML est un langage à base de balises comprises entre '<' et '>', qui elles-même contiennent des attributs auxquels on assigne des valeurs... ça à l'air un peu compliqué comme ça mais un petit exemple va tout éclaircir :

1.

<font face="Courier" size="2" color="black">Texte ici</font>

L'exemple pris ici est une mise en forme de texte à l'aide de la balise <font>. Vous remarquerez l'emploi d'une balise de fermeture </font>. Ici les attributs utilisés sont face, size et color qui définissent respectivement la forme de le police de caractère, sa taille et sa couleur. Les valeurs sont à placer entre guillemets doubles après le signe égal de l'attribut correspondant.

Maintenant que nous avons vu la structure générale du code attachons-nous à la structure de la page. En effet toute page doit comporter au moins trois balises : html, head et body qui définissent le type de document, l'en-tête et le corps de la page.
Elles sont à placer dans cet ordre :

1.

<html>

2.

 

3.

<head>

4.

</head>

5.

 

6.

<body>

7.

</body>

8.

9.

</html>

Vous remarquerez que les balises head et body sont imbriquées dans la balise html. En effet on ne peut pas fermer une balise sans que toutes celles qu'elle contient ne le soient déjà. Passons maintenant à l'utilisation de ces deux balises.

<head>

C'est entre cette balise quese placent le titre, les fichier attachés, les styles et les scripts. Tout d'abord le titre : c'est celui qui sera affiché dans la barre de titre (la bien nommée) du navigateur. Il doit correspondre au contenu de la page (c'est pas indispensable mais c'est mieux pour le référencement). Ex:

1.

<head>

2.

<title>Titre de la page</title>

3.

</head>

<body>

C'est ici qu'on place les informations (texte, images, ...) qui seront affichées dans le navigateur. C'est donc la partie la plus remplie. Il est à noter que toutes les couleurs sont à donner au format hexadécimal (RRGGBB) précédé du caractère #.

<body>

bgcolor=

"#RRGGBB"

Couleur du fond de la page.

background=

"URL"

Image de fond.

text=

"#RRGGBB"

Couleur globale du texte de la page.

link=

"#RRGGBB"

Couleur des liens.

alink=

"#RRGGBB"

Couleur des liens actifs.

vlink=

"#RRGGBB"

Couleur des liens visités.


Exemple :

1.

<body bgcolor="#000000" text="808080">

2.

Ce texte s'affiche en gris sur fond noir.

3.

</body>

Bon, maintenant cette précision faite commençons à détailler les principales balises de mise en forme. C'est par ici.

Intro | Structure | Mise en forme | Liens | Cadres | Tableaux | Multimédia

 
 

Copyright 2002 - tous droits réservés.