Vous êtes sur la page 1sur 3

Institut National des Télécommunications et des TIC – Abdelhafid BOUSSOUF

Examen : Technologies web 1


02/11/2002- durée : 1h

Nom : …………………………………… Prénom : ……………………………………

1. Donner la signification des abréviations suivantes (1pts) :


HTTP : HyperText Transfer Protocol
HTML : HyperText Makup Language
CSS : Cascading Style Sheets
JS : JavaScript
2. Donner 4 méthodes HTTP mise à part ‘’GET’ et ‘’POST’’ (1pts):
4 de ces méthodes : delete, put, trace, head, options, connect, patch.
3. Donner la signification de la classe de réponse HTTP 5xx (1pts) :
Erreur serveur (la requête a bien était reçu mais ne peut être satisfaite par le serveur).
4. Donner la signification du champ ‘’Referer’’ d’une requête HTTP (1pts) :
Indique où le client à trouver l’URL de la ressource web demandée.

5. Toutes les balises HTML5 ont (0.5pts):


 une balise ouvrante
 une balise fermante
 au moins un attribut
 au moins un identifiant
6. Sélectionner la déclaration correcte d’une page HTML5 (0.5pts):
 <html-document>
 <!DOCTYPE html>
 <!doctype html5>
 <!doctype html>
7. Le navigateur web interprète le code HTML de façon séquentiel, du haut vers le bas (0.5pts) :
 Vrai
 Faux
8. Identifier le code HTML invalide : (0.5pts)
 <div><span>Les fondamentaux du web</span></div>

 <div>Salut
C’est mon premier cours sur HTML
</div>

 <section>
<p>Cours HTML5 et CSS
</section>Parties 1 et 2
</p>
9. Les balises ‘’meta’’ communiquent au serveur des informations sur le navigateur du client (1pts):
 Vrai
 Faux

Page 1 / 3
Institut National des Télécommunications et des TIC – Abdelhafid BOUSSOUF

10. Combien de lignes de texte seront affichées avec le code HTML suivant (1.5pts):
<div>Salut,
<span>Durant ce semestre j’ai appris
</span></div>
<span>les technologies de
bases du web
</span>
<a href=’’…..’’>Voici le lien du cours</a>
<div>
bon apprentissage
</div>

 2
 3
 4
 5
 6
11. Donner le code HTML qui permet d’ouvrir un lien vers ‘’www.inttic.dz’’ dans un nouvel onglet (1pts) :
<a href=’’http://www.inttic.dz’’ target=’’_blank’’>Lien 1</a>
12. Donner le code HTML qui permet d’ajouter une vidéo ‘’video1.mp4’’ à une page web ? (1.5pts)
<video src=’’video1.mp4’’ controls>
</video>

13. Soit le code HTML suivant (1.5pts) :


<body>
<div>Div 1</div>
<div>Div 2</div>
<div>Div 3</div>
<div>Div 4</div>
<div>Div 5</div>
</body>

Donner le code CSS pour que le texte ‘’Div 4’’ apparait en rouge :
div:nth-child(4) {color : red ;} OU div: nth-last-child(2) {color : red ;}

14. Soit le code HTML suivant (2pts):


<div class=”success cours”>
<section id=’’section1’’ class=’’success’’>
Terminer le cours HTML, CSS avec success
</section>
Bravos
</div>
Et le code CSS suivant :
#section1 { color : blue; background-color : red; }
.cours { color : red; }
.seccess { color: yellow; }
* { color: green; background-color: yellow; }

Page 2 / 3
Institut National des Télécommunications et des TIC – Abdelhafid BOUSSOUF

Nom : …………………………………… Prénom : ……………………………………

Donner les couleurs de l’arrière-plan et du texte de ‘’Terminer ….’’ :


color: blue, background-color: red.
Donner la couleur de l’arrière-plan et du texte de ‘’Bravos’’ :
color: yellow, background-color: yellow.

15. Soit le code HTML suivant : (1.5pts)


<div>
<p>Paragraphe 1</p>

<p>Paragraphe 2</p>
<section> <p>Paragraphe 3</p>
</section>
<p>Paragraphe 4</p>
</div>
<p>Paragraphe 5</p>
<p>Paragraphe 6</p>

Les sélecteurs suivant ciblent quels paragraphes ?


div > p : paragraphes 1, 2 et 4.
div + p : paragraphe 5.
div ~ p : paragraphes 5 et 6.

16. On dispose de l'image suivante: icone.png (96 x 32 pixels) et on souhaite lui affecter 3 liens différents afin que
l’utilisateur puis visiter le site de son choix. Donner le code HTML correspondant ? (4pts)

‘’Icone.png’’
<img src=’’icone.png’’ usemap=’’#mapIcone’’>
<map name=’’mapIcone’’>
<area shape=’’rect’’ coords=’’0, 0, 32, 32’’ alt=’’youtube’’ href=’’http://www.youtube.com’’>
<area shape=’’rect’’ coords=’’32, 0, 64, 32’’ alt=’’twitter’’ href=’’http://www.twitter.com’’>
<area shape=’’rect’’ coords=’’64, 0, 96, 32’’ alt=’’youtube’’ href=’’http://www.facebook.com’’>
</map>

Bon Courage.

Page 3 / 3

Vous aimerez peut-être aussi