Matière: Développement Web Date : 26/11/2021
Classe : 1ière année MCW Durée : 2H
CONTROLE N°1-S1
1. A quoi sert La déclaration DOCTYPE ?
2. Dans quel emplacement est défini le jeu de caractères utilisé dans le
document HTML?
3. Indiquer la fonction des éléments soulignés:
<p title = "C’est un paragraphe!!!"> ce paragraphe.</p>
<a href = "[Link] target= "_blanck" >lien hypertext</a>
<ul type="circle"> <li> Cours réseaux</li> </ul>
<img src="images/[Link]" alt="Bannière">
<td colspan = "2" > Cellule 1</td>
4. Déterminer l’emplacement des images sources par rapport à l’emplacement X de
la page contenant les éléments suivants :
<img src="[Link]">
<img src="../[Link]">
<img src="images/[Link]">
5. Soit le code html suivant :
<html>
<head>
<title>controle</title>
<meta charset="utf-8"/>
</head>
<body>
<table id="table1">
<tr>
<td width="20%"><img src="[Link]" alt="Hiver"></td>
<td width="60%"><p> Site web mcw</p></td>
<td width="20%"><img src="[Link]" alt="Automne"></td>
</tr>
</table>
<br>
<table id="table2">
<tr>
<td>
<ol>
<li>titre1</li>
<ul>
<li><a href="[Link]">Accueil</a></li>
<li><a href="[Link]">Présentation</a></li>
<li><a href="[Link]">Activités</a></li>
<li><a href="[Link]">Contact</a></li>
</ul>
<li>titre2</li>
<ul>
<li><a href="[Link]">Accueil</a></li>
<li><a href="[Link]">Présentation</a></li>
<li><a href="[Link]">Activités</a></li>
<li><a href="[Link]">Contact</a></li>
</ul>
</ol>
</td>
<td> </td>
<td> Contenu du titre </td>
</tr>
</table>
<br>
<p><marquee>Nous sommes le vendredi 26/11/2021. Bonne chance!</marquee> </p>
</body>
</html>
a. Reprendre et compléter le tableau suivant :
Elément HTML Nombre d’enfants Liste des éléments enfants
html
body
table(id=table2)
ol
p
b. Donner une esquisse de la page rendu par ce code sachant qu’il y a un
problème qui empêche les images d’être téléchargées
6. Compléter avec ce qui convient :
a. <p …………… ="A propos W3Schools">W3Schools est un site web.</p>
b. <img src="[Link]" …………="400" …………="200">
c. <a …………"[Link] est un lien</a>
d. <img src="[Link]" ………="Logo massar">
e. <h1> ceci est un titre ………
f. <p> ………… Ceci est un paragraphe ………… </p> (texte en rouge)
g. <p> Le langage html est un langage de balisage.</p> (mots html et balisage en gras)
h. …………… ceci est un commentaire ……………. (texte en commentaire)
i. ………… <img src="[Link]"> ………… (centrer l’image)
j. <iframe src="……" …………="display" > ……………
<p><a href="[Link]" …………=" display ">Afficher la page ………. </p>
(page [Link] à afficher dans le iFrame)
7. Exercice
Nous avons à créer une page composée de 4 chapitres précéder de 4 liens
chaque lien envoie vers un chapitre précis, pour simplifier on va considérer que
chaque chapitre et composé d'un titre et d'un paragraphe
Ecrire le code HTML permettant de rendre cette page
