DÉVELOPPEMENT WEB 1
TP 1
Exercice 1
Vous allez créer une page, appelée Base_HTML.html, qui fera apparaître plusieurs
mises en forme de paragraphes et de titres. La page comprendra 3 parties.
Description de la page à créer :
Le fond de la page sera bleu et le texte blanc.
Le titre de la page sera :
Mise en forme de base
1ère partie :
Un titre de niveau 1 centré : PREMIERE PARTIE
Un paragraphe avec le texte suivant en
rouge : Je suis le premier paragraphe,
je suis rouge…
Une ligne séparatrice de taille 2 et de couleur rouge
2ème partie :
Un titre de niveau 2 centré : DEUXIEME PARTIE
Un paragraphe centré constitué des 3 lignes suivantes avec le texte jaune et de
taille 5 :
Je suis le 2eme paragraphe
au centre
en taille 5 et en jaune
Une ligne séparatrice de taille 7, de 300 pixels de longueur et de couleur noire
3ème partie :
Un titre de niveau 3 centré : TROISIEME PARTIE
Un paragraphe, à droite comprenant le texte suivant en taille 7 et la
police Arial : Je suis le dernier paragraphe, je suis en taille 7 avec la
police Arial et à droite…
La figure 1 montre le résultat qui doit être obtenu.
HANENE CHETTAOUI HAMROUNI 1
DÉVELOPPEMENT WEB 1
Figure 1 : Résultat obtenu de l’exercice 1
Exercice 2
Vous allez créer une page, appelée Puces .html, qui fera apparaître plusieurs mises en
forme de listes. La page comprendra 2 parties.
Description de la page à créer :
Le fond de la page sera de la couleur "palegoldenrod" et le texte sera "marroon".
Le titre de la page sera : Les listes
1ère partie :
un titre de niveau 1, centré : LISTES A PUCES
une liste à puces de trois choix appelés : choix1, choix2, choix3.
Une ligne séparatrice
2ème partie :
un titre de niveau 1, centré : LISTES NUMEROTEES
Une liste numérotée de deux choix appelés : choix1, choix2.
La figure 2 montre le résultat qui doit être obtenu.
HANENE CHETTAOUI HAMROUNI 2
DÉVELOPPEMENT WEB 1
Figure 2 : Résultat obtenu de l’exercice 2
HANENE CHETTAOUI HAMROUNI 3