Prog Web & MM Maroua BAKRI

Langage HTML

TD N°1 :

Texte, Titres, Commentaires, Listes & Images

Exercice 1 :

Il est demandé de créer une première page HTML de base, à l'aide du "BlocNote" de

Windows. Cette page comportera :

 Comme titre dans la barre du navigateur : « Ma Première Page Web ».

 La phrase suivante comme commentaire : « Utilité de la balise PRE »

 Le texte suivant :

Phrase 1 Phrase 1 Phrase 1 Phrase 1,

Phrase 2 Phrase 2,

Phrase 3 Phrase 3 Phrase 3 Phrase 3 Phrase 3 Phrase 3.

Exercice 2 :

Dans la même page de l’exercice 1, ajouter les trois paragraphes suivants :

Paragraphe 1 aligné à gauche. Première phrase du premier paragraphe.

Deuxième phrase du premier paragraphe.

Paragraphe 2 aligné à droite. Première phrase du deuxième paragraphe.

Deuxième phrase du deuxième paragraphe.

Paragraphe 3 centré. Première phrase du troisième paragraphe.

Deuxième phrase du troisième paragraphe.

Paragraphe 4 justifié. Paragraphe 4 justifié. Paragraphe 4 justifié. Paragraphe 4 justifié.

Prog Web & MM Maroua BAKRI

Exercice 3 :

Créer la page Web illustrée dans la Figure 1. Utiliser pour le texte la police « Candara »

avec une taille égale à 14. Mettez en gras et en italique les dates et en bleu les noms des

différents établissements fréquentés.

Exercice 4 :

Figure 1

Écrire le code HTML permettant de créer les différentes listes présentées dans le Tableau

Prog Web & MM Maroua BAKRI

Exercice 5 :

Tableau 1

Insérer deux images de votre choix dans l’une des pages web créées précédemment dont

l’une d’entre sera définie comme image de fond de la page.