Scribd
Importer
3 vues3 pages

TD1 HTML

Le document présente un cours sur la création de pages HTML, comprenant plusieurs exercices pratiques. Les exercices incluent la création d'une page de base avec des titres, des commentaires, des paragraphes alignés, des listes, et l'insertion d'images. Les étudiants sont également invités à utiliser des styles spécifiques pour le texte et à réaliser une mise en page illustrée.

Transféré par

mohamed
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
3 vues3 pages

TD1 HTML

Le document présente un cours sur la création de pages HTML, comprenant plusieurs exercices pratiques. Les exercices incluent la création d'une page de base avec des titres, des commentaires, des paragraphes alignés, des listes, et l'insertion d'images. Les étudiants sont également invités à utiliser des styles spécifiques pour le texte et à réaliser une mise en page illustrée.

Transféré par

mohamed
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

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é.


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

1
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.

Figure 1

Exercice 4 :

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

2
Prog Web & MM Maroua BAKRI

Tableau 1

Exercice 5 :

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.

Vous aimerez peut-être aussi