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 .
http://www.commentcamarche.net/html/htmlbalise.php3
../ 2 pts
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:
Navigateur
Explorer et Firefox
Editeur de texte
Bloc note
Balise
<html> et <head>
Attribut
href et bgcolor
Langage de programmation
2 Langage HTML
GYB
.../ 5 pts
HTML et JAVASCRIPT
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>

<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 &agrave; tous ! </body>
à sa nature ?
.../ 4 pts
green
●
●
nom de la balise
</body>
●
●
contenu de la balise
&agrave;
●
●
chevron
bgcolor
●
●
attribut
<body bgcolor="green">
●
●
balise de fin
Bonjour &agrave; 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
<body bgcolor="blue>
Affiche le corps du texte de la </body>
page Web sur fond bleu
<title>
Affiche le titre de la page sur
la barre supérieure de la
fenêtre d'affichage
<p align="right">
Affiche un paragraphe aligné à </p>
droite
<h1>
Affiche un grand titre
</h1>

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 </table>
large de 3 pixels
<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:
GYB
Balise fermante
</title>
.../45 pts
HTML
Page 4