Vous êtes sur la page 1sur 2

Atelier N° 1

Objectif : Réalisation d’une première page HTML.

Rappel :
- Structure d'une page HTML
<HTML>
<HEAD>
<TITLE> Titre de la page</TITLE> L'en-tête du document
</HEAD>
<BODY>
Le corps de la page
</BODY>
</HTML>

- Créez vos fichiers HTML à l'aide d'un éditeur de texte (Bloc-Notes, Notepad++, …)
avec l'extension .htm ou .html .
- Visualisez ces fichiers avec un navigateur (Internet Explorer, Mozilla Firefox,…).

Travail à faire :

1. Créez un répertoire (ex : C : \TP_HTML) dans lequel on va sauvegarder les


fichiers *.htm ou *.html réalisés.
2. Créez et visualisez la page HTML (tp1.html) dont :
- Le titre : Groupe HECI
- Le corps (sans balises) :
Groupe HECI, centre de Meknès
Sommaire
* Introduction
* Ressources Humaines
* Programme de Formation
* Partenariats
* Divers
Que remarquez-vous après visualisation ?
3. Enregistrez le fichier précédent sous un autre nom (Atelier1.html) et effectuez
les modifications suivantes :
- Le titre doit être centré (<CENTER>) et de niveau de titre 1 (<H1>)
- "Sommaire" doit être centré, en gras (<B>...</B>), en italique (<I>) et de
taille 2 (<H2>).
- Insérez un saut de ligne (<BR>) après "Sommaire".
- Insérez des sauts de lignes entre les différents points du sommaire
(Introduction, Ressources Humaines,…).
- Affichez une ligne horizontale (<HR>) sous "Groupe HECI, centre
de Meknès " et une autre à la fin de la page.
- Insérez deux sauts de lignes (<BR>).
Que remarquez-vous après visualisation ?

Résultat de visualisation :

Vous aimerez peut-être aussi