Vous êtes sur la page 1sur 2

LA ROCHELLE UNIVERSITÉ

B9-239110-INFU - C2i Niveau 2


Année Universitaire 2021-2022

Muhammad Muzzamil LUQMAN,


{ muhammad_muzzamil.luqman@univ-lr.fr }

Exercice 1 : HTML


Partie 1 (QCM)
Dans un document texte, appelé « Nom_Prenom_QCM.txt », répondre aux questions suivantes :

1. Quelle est la signification de HTML ? Est-il un langage de programmation ?

2. Quel est le code HTML permettant de créer un lien ?


a. <a> http://www.univ-larochelle.fr/ </a>
b. <a url=http://www.univ-larochelle.fr/> Université de La Rochelle </a>
c. <a name=http://www.univ-larochelle.fr/></a>
d. <a href=http://www.univ-larochelle.fr/> Université de La Rochelle </a>

3. Lesquelles parmi ces balises sont des balises de définition des tableaux ?
a. <table><tr><td>
b. <table><head><tfoot>
c. <table><body><tr>
d. <table><tt><td>

4. Il est nécessaire d’avoir une connexion Internet pour editer des pages HTML :
a. faux
b. vrai

5. Les balises et le texte qui ne sont pas visibles directement sur une page HTML (par exemple le titre)
doivent être placés dans :
a. <body></body>
b. <table></table>
c. <head></head>

6. Quelle balise provoque un retour à la ligne ?


a. <newline>
b. <nl>
c. <br>

7. Quelle est la couleur représentée par #000000 ?


a. rouge
b. blanc
c. noir

8. Quel est le rôle de la balise <head> ?


a. informations générales et directives sur la page
b. début de tableau
c. début de paragraphe

p1/2
9. Quelle balise permet d’insérer l’image monimage.jpg ?
a. <img src="monimage.jpg">
b. <img ref="monimage.jpg">
c. <image src="monimage.jpg">
d. <img> monimage.jpg </img>

10.Quel est le rôle de la balise <title> ?


a. définir le titre du document
b. centrer le titre du document
c. écrire en grand

Partie 2 (Page HTML)

Créer une page HTML, appelée «  Nom_Prenom_Tableaux.html », qui fera apparaître deux tableaux.

Description de la page à créer (dans l’ordre):


- Le titre de la page sera « Nom_Prenom_TABLEAUX ».
- Le fond de la page sera de la couleur « #ff99ff » et le texte sera de la couleur « #0f0f0f ».
- Créer un premier titre de niveau 1, centré, « Mon site internet ».
- Insérer un lien HTML vers votre site en titre de niveau 3, centré, « nom_de_votre_site »
- Créer un deuxième titre de niveau 1, centré, « Premier tableau simple ».
- Réaliser le tableau ci-dessus. Ce tableau sera centré :

- Faire un saut de ligne.


- Créer un troisième titre de niveau 1, centré, « Deuxième tableau».
- Réaliser le tableau ci-dessus. L’image est à récupérer sur le Web (il suffit de taper dans votre navigateur
« HTML png ») et à renommer « ImageHTML ».
Ce tableau sera centré :

NOTE : Pour éviter le mauvais affichage des caractères accentués, utilisez la balise <meta charset="UTF-8">

Envoi de votre travail


- Compresser dans un seul fichier archive nommé « Nom_Prenom_TP6_HTML », l’ensemble de vos
fichiers (Nom_Prenom_QCM, ImageHTML, Nom_Prenom_Tableaux.html).
- Déposez votre travail dans votre espace MOODLE personnel.
p2/2

Vous aimerez peut-être aussi