Questionnaire HTML / CSS

On entend par "valide" "qui ne génère pas d'erreur lors d'un contrôle avec le validateur du W3C" et "qui est conforme aux spécifications applicables du W3C".

0. Le code suivant est-il valide ?

<span><a href="index.html">Retour à l'accueil<span class="InfoBulle">Cliquer sur ce lien vous ramène sur la page d'accueil du site</a></span></span>

  • Oui
  • Non

Justifiez :

I. Le code suivant est-il valide ?

<span><a href="">Retour à l'accueil<div class="InfoBulle">Cliquer sur ce lien vous ramène sur la page d'accueil du site</div></a></span>

  • Oui
  • Non

Justifiez :

II. Laquelle de ses deux manière d'écrire une balise <img> est valide ?

  1. <img src="_media/img/image.gif" alt="" width="" />

  2. <img src="_media/img/image.gif" alt="flèche gauche">

  • La première
  • La seconde
  • Les deux
  • Aucune des deux
  • Il n'y a pas assez d'informations pour répondre à cette question

Justifiez :

III. Laquelle de ces écritures CSS est valide :

  1. strong {Color: red; text-transform: uppercase;}

  2. strong {Color: red; text-transform: uppercase}

  • La première
  • La seconde
  • Les deux
  • Aucune des deux
  • Il n'y a pas assez d'informations pour répondre à cette question

Justifiez :

IV. Le nom de cette classe est-il bien choisi ?

.bleu {color: blue;}
  • Oui
  • Non
  • Il n'y a pas assez d'informations pour répondre à cette question

Justifiez :

V. Donnez un exemple de site où une classe bleu aurait un sens :

VI. Quel(s) div(s) est(sont) le plus au-dessus ?


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<style type="text/css" media="all">
div {
	height: 100px;
	position: absolute;
	width: 100px;
	}
#div1 {
	background: #0000FF;
	z-index: 1;
	}
#div2 {
	background: #F0000F;
	z-index: 2;
	}
#div3 {
	background: #FF0000;
	z-index: 3;
	}
#div4 {
	background: #0FF000;
	z-index: 4;
	}
#div5 {
	background: #00FF00;
	z-index: 5;
	}
#div6 {
	background: #000FF0;
	z-index: 6;
	}
</style>
<style type="text/css" media="print">
* div {position: static;}
</style>
<style type="text/css" media="screen">
#div3 {z-index: 7;}
#div5 {display: none;}
</style>
</head>
<body>
<div id="div1">
	<div id="div3"></div>
	<div id="div6"></div>
</div>
<div id="div2">
	<div id="div4"></div>
	<div id="div5"></div>
</div>
</body>
</html>

A l'écran :

Une fois imprimé :

VII. Dans un site HTML *accessible*, il est interdit de faire des tableaux (<table>), car ils ne sont pas accessibles

  • Vrai
  • Faux

VIII. Le code suivant est valide :


<table summary="Description de mon tableau">
	<caption>Mon tableau</caption>
	<tr>
		<th id="header1">Titre de colonne</th>
		<th id="header2">Titre de colonne</th>
		<th id="header3">Titre de colonne</th>
	</tr>
	<tr>
		<td headers="header1">Data</td>
		<td headers="header2">Data</td>
		<td headers="header3">Data</td>
		<td>Data</td>
	</tr>
</table>
  • vrai
  • faux

justifiez :

IX. Un site peut être totalement accessible :

  • Oui
  • Non

X. Rayez les balises qui ne sont pas dans HTML 4.1 :

  • div
  • span
  • kbd
  • bdo
  • script
  • link
  • a
  • tfoot
  • applet
  • area

Vous pouvez aussi répondre, si vous êtes joueurs…