I Remplir le tableau pour le qcm suivant :
1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
HTML
1. Que veut dire HTML ?
a) Hyperlinks and Text Markup Language
b) Hyper Text Markup Language
c) Home Tool Markup Language
2. Quelle est la syntaxe correcte pour insérer un lien hypertexte ?
a) <a name="http://www.w3schools.com">W3Schools.com</a>
b) <a url="http://www.w3schools.com">W3Schools.com</a>
c) <a href="http://www.w3schools.com">W3Schools</a>
d) <a>http://www.w3schools.com</a>
3. Quelle est la balise HTML correspondant au titre le plus grand ?
a) <h1>
b) <h6>
c) <head>
d) <heading>
4. Quel code HTML permet d’insérer une entrée de texte ?
a) <textfield>
b) <input type="textfield" />
c) <textinput type="text" />
d) <input type="text" />
CSS
5. Comment référencer un lien sur un fichier style
a) <style src="mystyle.css">
b) <stylesheet>mystyle.css</stylesheet>
c) <link rel="stylesheet" type="text/css" href="mystyle.css">
6. Donner le CSS correspondant à :
Bordure en haut = 10 pixels
Bordure en bas = 5 pixels
Bordure à gauche = 20 pixels
Bordure à droite = 1pixel?
a) border-width:5px 20px 10px 1px
b) border-width:10px 1px 5px 20px
c) border-width:10px 20px 5px 1px
d) border-width:10px 5px 20px 1px
7. Comment mettre en gras tous les éléments de type <p> ?
a) <p style="text-size:bold">
b) <p style="font-size:bold">
c) p {font-weight:bold}
d) p {text-size:bold}
Javascript
8. Quelle est la syntaxe correcte pour afficher “Hello World” ?
a) "Hello World"
b) ("Hello World")
c) document.write("Hello World")
d) response.write("Hello World")
9. Comment peut-on récupérer le nom du navigateur Web ?
a) browser.name
b) client.navName
c) navigator.appName
10. Comment faire référence à l’élément d’identifiant "toto"
a) document.getElementById('toto')
b) getElementById('toto')
c) document.getElementById("toto")
d) getElementById("toto")
II Considérons le code html suivant.
<form action="javascript:update()">
<table border="1" cellpadding="1" cellspacing="0">
<tbody><tr>
<th>Position</th>
<th>top</th>
<th>left</th>
…
</form>
<div id="englobant" style="border: 3px dotted black; width: 300px;">
<div>Bloc A A A A A A </div>
<div id="leDiv" style="border: 3px solid black; width:50px;">Change</div>
<div>Bloc C C C C C C C C C C C C C C </div>
</div>
Le CSS :
div {
border: solid 1px black;
margin: 1ex;
padding: 1ex;
width: 100px;
}
A l’aide du formulaire suivant, on modifie les propriétés du bloc id="leDiv" et d’une propriété du bloc id="englobant".
Donner pour chaque formulaire le résultat de la page html. On remplacera le formulaire par un rectangle.
Cas1
Cas2
Cas3
Cas4
Cas5
