Institut Supérieur des Études Technologiques

Département Technologies de l’informatique

Matière : Atelier Développement Web 1 Niveau : 1ière année TI

Atelier N°1 : Initiation à HTML

Mise en forme du texte – les listes

Exercice 1 :

1 – Réaliser la page « Exercice1.html » suivante :

Notez que :

- Le titre « Le langage HTML » est en h1

- Les sous-titres (Définition et Squelette) sont en h2
- Trait horizontal existe avant chaque sous-titre
- Ajouter en bas de page l’adresse du créateur du document

Exercice 2 :

Mettre en forme le document de l’exercice 1 tout en répondant aux questions suivantes :

- Le titre de la page doit être centré et de couleur rouge

- Les sous-titres sont de couleurs bleus
- L’adresse est à gauche du document
Page 1 sur 3
 - Dans le premier paragraphe :
o Les mots suivants sont en gras et de taille 20px: HTML et description
o Le mot « éditer » est souligné
o Le mot « pas » est en gras et souligné
o Le mot « page web » est en italique
- Tout le paragraphe du sous-titre « Squelette » est de taille 25px et de format courrier.

Exercice 3 :

Réaliser les listes suivantes en HTML :

Coordonnées :

 Adresse : Kasserine, 3 rue la liberté

 Tél : 21 111 111
 Fax : 21 111 111
 E-mail : personne@yahoo.fr

Départements iset beja :

1. Electrique
2. Informatique
3. Mécanique

Cursus universitaire :

I. Ecole primaire :
 1-4 : Ibn rochd
 5-6 : Yassminet
II. Ecole secondaire :
 1-3 : 11 avril
 4-6: al andalous
III. Université :
 Iset Kasserine

Diplômes :
1990
Baccalauréat
1993
Licence en informatique
1996
Ingénieur en informatique

Page 2 sur 3
Exercice 4

Réaliser la page HTML suivante :

Plan du cours algorithmique

I. Introduction à l'algorithmique
1. Définition
2. Variable
3. Instructions
 Afficher
 Saisir
 Affecter
II. Les structures de contrôle
1. Les structures conditionnelles
 Si
 Selon
2. Les boucles
 Pour
 Tant Que
 Répéter

Page 3 sur 3