Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
Télécharger au format docx, pdf ou txt
Vous êtes sur la page 1/ 8
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 */ <!--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 ?
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> <meta charset="UTF-8"> <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) ?
</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>
