1
Introduction aux langages HTML et CSS – Les éléments et attributs HTML
TRAVAUX PRATIQUES / DIRIGES N° 2
Titre TP/TD
1. Objectif du TP
Reconnaître dans un document HTML les balises, les éléments et les attributs
Reconnaître dans un document HTML le contenu d’un élément et la valeur d’un attribut
Créer des rubriques et des paragraphes dans une page HTML
Bien commenter un document HTML
2. Prérequis
Cours correspondant à la séquence 2
3. Exercice 1 : (Composants d’un document HTML)
On considère le code HTML ci-dessous.
<!DOCTYPE html>
<html>
<head>
<title>Titre de la page</title>
<meta charset="UTF-8">
</head>
<body>
<p>Titre du paragraphe</p>
<pre>
Université Cheikh Anta Diop de Dakar.
Université Gaston Berger de Saint-Louis.
</pre>
</body>
</html>
Pour chaque composant, donner :
1. le nom de l’élément
2. la balise de début et celle de fin
3. son contenu
4. ses attributs éventuels et leurs valeurs
5. son rôle
6. Existe-t-il des éléments imbriqués ? Si oui lesquels ?
TP/TD 1 : Les éléments et attributs HTML emnguer@[Link] Introduction aux langages HTML et CSS
2
Introduction aux langages HTML et CSS – Les éléments et attributs HTML
4. Exercice 2 : (Rubriques et paragraphes)
En utilisant les rubriques et les paragraphes, donner le code HTML du document HTML permettant d’avoir
la page web ci-dessous :
5. Exercice 3 : (Commenter un document HTML)
On considère le code HTML ci-dessous.
<!DOCTYPE html>
<html>
<head>
<title>Titre de la page</title>
<meta charset="UTF-8">
</head>
<body>
<p>Titre du paragraphe</p>
<pre>
Université Cheikh Anta Diop de Dakar.
Université Gaston Berger de Saint-Louis.
Université de Matam.
</pre>
</body>
</html>
1. Ajouter un commentaire contenant le nom de l’auteur ainsi que la date de création de la page
2. Ajouter un commentaire permettant de faire disparaître « Université de Matam »
TP/TD 1 : Les éléments et attributs HTML emnguer@[Link] Introduction aux langages HTML et CSS