Controle Developpement Web

CLE-Informatique s4
Contrôle Développement Web
QCM :
1- Qui est l’auteur principal du HTML... ?
 Brendan Eich
 Google Inc
 Tim Berners-Lee
 Steve Jobs
2- Pour créer un saut de ligne, on utilise :
 <lb>
 <break>
 <br>
3- HTML a été proposé pour la première fois l’année :
 1980
 1990
 1995
 2000
4- Lorsque vous utilisez l'élément a, vous devez obligatoirement préciser...
 Un attribut target
 Un attribut href
 Deux attributs href et target
5- Quel est le doctype d'un document HTML5 ?
 <!doctype html5>
 <!doctype html>
 <!doctype html PUBLIC "-//W3C//DTD HTML5.0 Strict//EN">
6- Laquelle de ces syntaxes est correcte pour écrire un commentaire en
HTML ?
 
 /* Commentaire */
 <!--Commentaire--!>
7- Quel est le code HTML correct pour créer une liste déroulante ?
 <input type=="list">
 <list>
 <select>
 <input type=="select">
8- HTML utilise des
 Balises définis par l’utilisateur
 Balises prédéfinis
 Balises fixes définis par le langage
 Balises uniquement pour les liens
9- Dans quel ordre devez-vous placer correctement les balises dans une page
HTML ?
 <HTML><TITLE><TITLE><BODY></BODY></HTML>
 <HTML><TITLE></TITLE><BODY></BODY></HTML>
 <HTML><HEAD><TITLE></TITLE></HEAD><BODY></BODY></HTML>
10- Quelle organisation définit les standards Web ?
 IBM Corporation
 World Wide Web Consortium
 Microsoft Corporation
 Apple Inc
Autres questions :
1. Que signifie HTML ?
Le langage HTML est un langage qui permet de créer des pages web, il
permet de structurer le contenu d’une page HTML, HTML (HyperText
Markup Language) est créer l’année 1991, est un langage de balisage.
2. Pourquoi on dit que le langage HTML est sémantique ?
Le langage HTML est sémantique Car il apporte une indication sur le
contenu d'une page web.
3. Quel est le nom du premier navigateur ?
Le premier navigateur s'appelle WorldWideWeb.
4. Pourquoi les liens hypertextes sont en bleu ?
Les liens hypertextes sont en bleu est choisie par défaut
5. Donner les différents types des liens en HTML avec une petite définition
pour chaqu’un entre eux ?
Lien vers une page interne càd dans le même site :
Ancrage dans la même page :
Lien vers un site externe :

Envoyer un message :
Télécharger un fichier :
Image lien :
6. Ecrire le code qui permet d’ouvrir le lien https://www.google.com/ dans
un nouvel onglet de navigateur ?
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title> </title>
</head>
<body>
<a href="http://google.com" target="_blank">voir google</a>
</body>
</html>
7. Quelle est la différence entre l’utilisation de px pour définir une taille

(largeur ou bien longueur) et l’utilisation de % ?
La différence entre l’utilisation de px pour définir une taille et
l’utilisation de % est que dans le pixel il faut savoir la taille totale de
l’écran et faire des calcule par contre le pourcentage qui permet de définir
la taille que vous voulez facilement.
8. Que se passera-t-il si le navigateur ne trouve pas l'image.
<img src="img.jpg" alt="La nature au maroc">
Affichage de « La nature au maroc » a l’intérieur de la cadre d’image au
lieu de « img »
9. Qu’est-ce que ça veut dire une balise orpheline ? Donner deux exemples
des balises orphelines ?
Une balise orpheline est une balise fermante qui n’ont pas de contenu
Exemple :
<hr/> : ajouter une ligne horizontal et
<br />permet de revenir à la ligne.
10.Construire le résultat suivant :

<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
</head>
<body>
<p>
<strong>HTML</strong> contient <mark>plusieur elements</mark> pour
definir le texte avec un signification particuliere
</p>
</body>
</html>
11.A quelle version de l’HTML les balises audio et video sont été
introduites ? Qui a été introduit ces deux balises ? A quelle année ? et
Pourquoi ?
Les balises audio et vidéo sont été introduites dans HTML5.
12.Quelle est la balise qui permet de lire une vidéo YouTube ? Quels sont les
étapes à suivre pour avoir le code de l’intégration ?
13.Dans un formulaire on utilise une entre ces deux méthodes post et get.
Quelle est la différence entre eux ?
Dans la méthode get les données envoyées elle apparaissent en claire sur
URL par contre la méthode post qui masque les donnes envoyées.
14.Donner 5 attributs de l’élément video (appart height et width) avec une

petite description pour chaqu’un entre eux.
 autoplay (sans valeur) : détermine si la vidéo va démarrer aussitôt
qu’elle est prête, téléchargée
 controls (sans valeur) : détermine si la vidéo va afficher
automatiquement des contrôles tels que play, pause, volume, etc.
 loop (sans valeur) : détermine si la vidéo recommence depuis le début
une fois terminée
 muted (sans valeur) : détermine si l’audio de la vidéo s’entend ou non
 poster (avec url d’une image) : détermine une image à afficher pendant
que la vidéo est téléchargée
 preload (avec valeur à choix) : détermine le téléchargement de la vidéo
par rapport au téléchargement de la page
 auto : toute la vidéo commence à être téléchargée lorsque la
page est « loaded »
 metadata : seulement les métadonnées de la vidéo sont
téléchargées
 none : la vidéo n’est pas téléchargée avant que l’utilisateur
ne la démarre
 src (avec url du fichier média) : détermine l’URL du fichier, il peut être
remplacé par la balise source à l’intérieur de la balise video
15. Pourquoi on a utilisé plusieurs sources avec des formats différentes dans
la figure ci-dessous ? On aura combien de(s) vidéo(s) affichée(s) ?
16.Reproduisez ce tableau :
<!DOCTYPE html>
<html lang="en">
<head>
<title>tab</title>
</head>
<body>
<table border="2" width="30%">
<tr>
<td colspan="2" rowspan="2">cellule 1</td>
<td>cellule 2</td>
</tr>
<tr>
<td>cellule 3</td>
</tr>
<tr>
<td>cellule 4</td>
<td>cellule 5</td>
<td rowspan="3">cellule 6</td>
</tr>
<tr>
<td colspan="2">cellule 7</td>
</tr>
<tr>
<td>cellule 8</td>
<td>cellule 9</td>
</tr>
</table>
</body>
</html>
17. Donnez le type de chaque élément :
NB :
 L’élément 1 n’est pas un input donc il faut donner le nom de la balise
utilisée.
 Pour les autres se sont des inputs, donc il faut donner son type.
Le nom de la balise utilisée dans l’élément 1 est :la balise <label>
</label>
Type de l’élément 2 est : text
Type de l’élément 3 est : password
Type de l’élément 4 est : radio
Type de l’élément 5 est : checkbox
Type de l’élément 6 est : resset
Type de l’élément 7 est : submit
18.Reproduisez cette liste :

<ol type = "I" >
<li>En-tete</li>
<li>Groupes</li>
<ul type = "disc">
<li>paragraphe</li>
<li>Les listes</li>
<ol type = "a" start="4">
<li>liste non ordonnee</li>
<li>Liste ordonnee</li>
<li>Liste de description</li>
</ol>
<li>Balise bloc generique:div</li>
</ul>
<li>Pied de page</li>
</ol>

Controle Developpement Web

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Controle Developpement Web

Transféré par

Droits d'auteur :

Formats disponibles

CLE-Informatique s4

Contrôle Développement Web

Ancrage dans la même page :

Lien vers un site externe :

7. Quelle est la différence entre l’utilisation de px pour définir une taille

10.Construire le résultat suivant :

14.Donner 5 attributs de l’élément video (appart height et width) avec une

18.Reproduisez cette liste :

Vous aimerez peut-être aussi