Edition de page Web à l`aide de HTML Evaluation formative 1
Nom Prénom
Edition de page Web à l'aide de HTML
Evaluation formative
Répondez aux questions suivantes en complétant les parties grisées du document.
1 Généralités
1. Généralités
1.1 Reliez chaque composante de l'URL suivante à sa signification . ../ 2 pts
http://www.commentcamarche.net/html/htmlbalise.php3
http nom du dossier contenant la page à afficher
www.commentcamarche.net nom de l'hébergeur
html langage utilisé
htmlbalise.php3 protocole de transfert de fichiers sur le Web
nom de la page à afficher
1.2 Que représentent les lettres de l'acronyme HTML? (Cochez ce qui convient) .../ 1 pt
Hyper Text Markup Language
Home Tool Markup Language
Hyperlinks and Text Markup Language
1.3 Quelles sont les deux extensions possible d'un fichier HTML? .../ 1 pt
html ou htm
1.4 Quel type de logiciel permet de créer des pages Web ? (Cochez ce qui convient) .../ 1 pt
Une balise
Un navigateur
Un serveur
Un éditeur de texte
1.5 Illustrez chaque concept suivant à l'aide de deux exemples: .../ 5 pts
Navigateur Explorer et Firefox
Editeur de texte Bloc note
Balise <html> et <head>
Attribut href et bgcolor
Langage de programmation HTML et JAVASCRIPT
2 Langage HTML
GYB HTML Page 1
2 Langage HTML
2.1 Dans un fichier html, quel est le rôle . ../ 2 pts
● d'une balise
Indiquer au navigateur Web comment afficher le texte, les images, les liens dans une page
Web.
● d'un attribut
Apporter des informations supplémentaires à une balise.
2.2 Parmi les éléments suivants, lesquels sont des balises? (Cochez ce qui convient) .../ 2 pts
<a>
<!--Auteur du site: Christophe B.-->
<br/>
Bgcolor
2.3 Lesquels des codes suivants sont syntaxiquement corrects ? (Cochez ce qui convient).
Corrigez en rouge les erreurs des autres codes. .../ 4 pts
<a href="http://www.google.ch">Liens</a>
<p align="left"> Ceci est un paragraphe </p>
<img src="image.jpg">
<b> Ce texte est en gras </b>
2.4 Reliez chaque composante du code html
<body bgcolor="green"> Bonjour à tous ! </body>
à sa nature ? .../ 4 pts
green ● ● nom de la balise
</body> ● ● contenu de la balise
à ● ● chevron
bgcolor ● ● attribut
<body bgcolor="green"> ● ● balise de fin
Bonjour à tous ! ● ● valeur d'attribut
body ● ● balise de début
<● ● caractère spécial (accent)
GYB HTML Page 2
2.5 Quelle balise contient des informations sur la page Web telles que son titre et les mots-clés
utilisés par les moteurs de recherche? (Cochez ce qui convient) .../ 1 pt
<html>
<head>
<title>
<body>
2.6 Quel code permet d'insérer un lien sur le site fifa.ch ? (Cochez ce qui convient) .../ 1 pt
<a href="http://www.fifa.ch">Fifa.com</a>
<a href="http://www.fifa.com">Fifa.ch</a>
<a>http://www.fifa.ch</a>
<a url="http://www.fifa.ch">Fifa.ch</a>
2.7 Quelles balises sont utilisées pour créer un tableau ? (Cochez ce qui convient) .../1 pt
<table>, <tr> et <tt>
<table>, <tr> et <td>
<tableau>, <ligne> et <cellule>
<table>, <head> et <body>
2.8 A l'aide de quelle balise insère-t-on une liste ? (Cochez ce qui convient) .../1 pt
<list>
<ol>
<ul>
<li>
2.9 Donnez le code html permettant de créer sur l'image Payerne.jpg un lien vers le site du gyb:
.../4 pts
<html>
<body>
<a href="http://www.gyb.ch">
<img src="Payerne.jpg">
</a>
</body>
</html>
GYB HTML Page 3
2.10 Donnez le code html permettant d'afficher le tableau ci-dessous .../4 pts
<html>
<body>
<table border="2">
<tr>
<td> <b> Cellule1 </b> </td>
</tr>
<tr>
<td> Cellule2 </td>
</tr>
</table>
</body>
</html>
2.11 Remplissez les cellules grisée du tableau suivant: .../11 pts
Balise ouvrante Description de l'action Balise fermante
<body bgcolor="blue> Affiche le corps du texte de la
page Web sur fond bleu
</body>
<title> Affiche le titre de la page sur
la barre supérieure de la
fenêtre d'affichage
</title>
<p align="right"> Affiche un paragraphe aligné à
droite
</p>
<h1> Affiche un grand titre </h1>
<!-- Hello --> Contient le commentaire
"Hello"
Pas de balise !
<a
href="http://www.gyb.com">
Crée un lien sur le site du Gyb </a>
<img src="gyb.jpg"> Affiche l'image gyb.jpg Pas de balise !
<br/> Ajoute un retour de ligne Pas de balise !
<table border="3"> Insère un tableau avec bordure
large de 3 pixels
</table>
<li> Insère une entrée dans une
liste
</li>
<td> Insère une cellule dans un
tableau
</td>
<ul> Insère une liste à puce </ul>
<tr> Insère une ligne d'un tableau </tr>
<hr/> Insère une ligne horizontale Pas de balise !
<html> Détermine le début d'un fichier
html
</html>
Total des points: .../45 pts
GYB HTML Page 4
1
/
4
100%
