Document de base en HTML

code HTML Signification du code

<HTML> Ceci est le début d'un document de type HTML.

</HTML> Ceci est la fin d'un document de type HTML.

<HEAD> Ceci est le début de la zone d'en-tête (prologue au document proprement dit contenant des informations destinées au browser).

</HEAD> Ceci est la fin de la zone d'en-tête.

<TITLE> Ceci est le début du titre de la page.

</TITLE> Ceci est la fin du titre de la page.

<BODY> Ceci est le début du document proprement dit.

</BODY> Ceci est la fin du document proprement dit.

Vous aurez remarqué qu'à chaque balise de début d'une action, soit <...>, correspond (en toute logique) une balise de fin d'une action </...>.

Vous noterez aussi que les balises ne sont pas "case sensitive". Il est donc équivalent d'écrire <HTML>, <html>, <Html>, etc.

Votre première page:

Ecrire les codes Html suivants dans l'éditeur de text:

<HTML>
<HEAD>
<TITLE>ma premiere page</TITLE>
</HEAD>
<BODY>
ma premiere page
</BODY>
</HTML>

Enregistrez votre document :

Ouvrir le navigateur.

Afficher le document via le menu Fichier/Ouvrir ...

Admirer votre premier document Html.

C'est joli !

Les balises de texte : Nous allons maintenant agrémenter notre texte de quelques balises pour le rendre encore plus attrayant.

Gras [Bold] ... ... <BIG>...</BIG> Début et fin de zone en gras

Italique [Italic] ... ... Début et fin de zone en italique

Taille de caractère [Font size] ... Début et fin de zone avec cette taille

Couleur de caractère [Font color] Début et fin de zone en couleur

A la ligne [Line break] Aller à la ligne

Commentaires [Comments]  Ne pas afficher

Centrage [Center] <CENTER></CENTER> Centrer

Ouvrir l'éditeur de texte

<HTML>
<HEAD><TITLE>ma deuxieme page</TITLE></HEAD>
<BODY>texte simple 
texte en gras 
texte en gras 
texte en italique 
texte en italique 
texte en gras et en italique 
texte
en bleu

</BODY>
</HTML>

Dans le butineur, on obtient :

Remarques :

- Le texte écrit sans balises et définit par défaut dans le navigateur.
- La balise pour passer à la ligne n'a pas besoin d'être fermée.
- Le navigateur passe automatiquement à la ligne quand il arrive au bord de la fenêtre.
- Il faut veiller à ce que les balises soient fermées et ouvertes dans l'ordre.
 ... --> correct
 ... --> incorrect
- La taille dans peut être indiquée de deux façons :
 1. avec un nombre de 1 à 7. La valeur par défaut étant 3.
 2. de façon relative par rapport à la valeur par défaut (ici 0). Soit -3,-2,-1,0,+1,+2,+3.
- Les couleurs dans correspondant aux couleurs hexadecimal (0-F)
 #000000 : Noir
 #00FF00 : Vert
 #0000FF : Bleu
 #8000FF : Violet
 #FFFF00 : Jaune
 #C0C0C0 : Gris
 #FF0000 : Rouge
 #FFFFFF : Blanc

La suite : le text avance.

Pour plus de renseignements, contacter starshoot