Vous êtes sur la page 1sur 3

Université SAAD DAHLEB –BLIDA TP : Technologie Web Année universitaire

Faculté de Technologie HTML 2020-2021

TD : HTML/CSS

Objectifs :

 Est de se familiariser avec les balises HTML/CSS vues en cours.

Exercice 01

Le code HTML ci-dessous n’est pas valide. Indiquer les corrections à apporter pour qu’il le
devienne (préciser la ligne où la correction s’applique).

<DOCTYPE html5>
<html><head>
<meta charset="utf-8" />
<title>Ma première page Web - Nouveau style</title>
<Body>
/* Un commentaire comme ça */
<h1>Titre du document</h1>
<h2>Objectifs IDEA</h2>
<p>La <em>licence bi disciplinaire <em/> Sciences Économiques et Gestion mention
<strong>Informatique Décisionnelle et Économétrie Appliquée (IDEA) <strong/> propose
aux étudiants une formation renforcée en économie, informatique, statistique, économétrie et
gestion.
<h3>Enseignements</h3>
<p>Pour ce faire, les enseignements spécifiques en première et deuxième année sont
<br> réponse </br >
leur assurer une formation académique en économie quantitative<br />
leur apprendre à travailler en groupe et à communiquer. </p>
<h4>Adresse</h4>
<h5>Citation</h5>
<h6>téléphone </h6>
<h7>Glossaire du Web</h7>
<dl>
<dt>Blog :
<dd>Page personnelle présentée sous forme d'actualités datées, signées avec possibilité
d'adjoindre les commentaires des visiteurs. </dd>
<dt>Robot :
<dd>Module d'un moteur de recherche qui parcourt automatiquement le Web afin d'en
mémoriser les documents. </dd>
<dt>Wiki :
<dd>Site Web dynamique dont tout visiteur peut éditer et modifier le contenu de façon
simple. </dd></dl></body></html>

1
Université SAAD DAHLEB –BLIDA TP : Technologie Web Année universitaire
Faculté de Technologie HTML 2020-2021

Exercice 02

<P style="color:red;font-size:14pt;"> Texte rouge en taille absolue 14 </P>

Dans la ligne précédente, identifiez les éléments suivants :

L’attribut style de la balise P :

La valeur de cet attribut :

Dans cette valeur :

Le nom d'une première PROPRIETE :

Le symbole d'affectation :

La VALEUR de la PROPRIETE :

Le caractère séparateur :

Le nom d'une seconde PROPRIETE :

Le symbole d'affectation :

La VALEUR de la PROPRIETE :

Exercice 03

<STYLE>

P {color:red;font-size:14pt;}

P.titre {background-color:lightgrey;margin-left:40px;}

.titre {background-color:lightgrey;margin-left:40px;}

</STYLE>

Dans les lignes précédentes, identifiez les éléments suivants :

La balise style qui indique au navigateur que le texte qui suit va respecter la syntaxe

le SELECTEUR qui indique que toutes les balises P de la page sont concernées

2
Université SAAD DAHLEB –BLIDA TP : Technologie Web Année universitaire
Faculté de Technologie HTML 2020-2021

Le caractère de début de bloc des PROPRIETES affectant le SELECTEUR.

le SELECTEUR qui indique que toutes les balises P ayant un attribut class dont la
valeur est titre sont concernées

le SELECTEUR qui indique que toutes les balises ayant un attribut class dont la
valeur est titre sont concernées

Vous aimerez peut-être aussi