Numérique et sciences informatiques · term

Développement web : HTML, CSS et JavaScript

Ce que tu dois retenir

Chapitre 1 — HTML : le squelette de la page

HTML donne du sens au contenu, pas son apparence.

Chapitre 2 — CSS : habiller la page

CSS sépare le fond (HTML) de la forme (styles).

Chapitre 3 — JavaScript : donner vie à la page

JavaScript manipule la page après son chargement, sans recharger.

Chapitre 4 — Intégrer HTML, CSS et JavaScript

La qualité d'un site repose sur la cohérence et la performance des trois couches.

Teste-toi

1. Quel langage est responsable de la structure sémantique d'une page web ?

AA. HTML
BB. CSS
CC. JavaScript
DD. PHP
Voir la réponse

Réponse : A — A. HTML

HTML définit les titres, paragraphes, listes, liens, etc. Il donne du sens au contenu.

2. Quelle propriété CSS permet de disposer des éléments en ligne avec alignement et répartition de l'espace ?

AA. display: block
BB. display: flex
CC. position: absolute
DD. float: left
Voir la réponse

Réponse : B — B. display: flex

Flexbox (display: flex) est conçu pour la mise en page unidimensionnelle avec alignement et espacement automatique.

3. Quelle méthode JavaScript sélectionne un élément par son identifiant ?

AA. getElementById
BB. querySelector
CC. getElementsByClassName
DD. querySelectorAll
Voir la réponse

Réponse : A — A. getElementById

getElementById est spécifique aux identifiants. querySelector peut aussi le faire avec '#id', mais la méthode directe est plus simple et plus rapide.

4. Dans quel ordre le navigateur traite-t-il généralement ces ressources pour afficher une page ?

AA. HTML puis CSS puis JavaScript
BB. CSS puis HTML puis JavaScript
CC. JavaScript puis HTML puis CSS
DD. HTML puis JavaScript puis CSS
Voir la réponse

Réponse : A — A. HTML puis CSS puis JavaScript

Le navigateur parse le HTML, applique le CSS pour le rendu, puis exécute le JavaScript qui peut modifier le DOM.

5. Quelle est la bonne syntaxe pour lier une feuille de style externe ?

AA. <style src='style.css'>
BB. <link rel='stylesheet' href='style.css'>
CC. <script src='style.css'>
DD. <css href='style.css'>
Voir la réponse

Réponse : B — B. <link rel='stylesheet' href='style.css'>

La balise <link> avec l'attribut rel='stylesheet' et href pointant vers le fichier CSS est la méthode standard.

6. Que signifie l'acronyme DOM ?

AA. Document Object Model
BB. Data Oriented Model
CC. Digital Object Mapping
DD. Document Orientation Method
Voir la réponse

Réponse : A — A. Document Object Model

Le Document Object Model est la représentation arborescente de la page que JavaScript manipule.

7. Quel événement JavaScript se déclenche lorsqu'un utilisateur clique sur un bouton ?

AA. mouseover
BB. keydown
CC. click
DD. submit
Voir la réponse

Réponse : C — C. click

L'événement 'click' est émis lors d'un clic de souris ou d'une activation tactile sur l'élément.

8. Quelle balise HTML est la plus appropriée pour un menu de navigation principal ?

AA. <div>
BB. <nav>
CC. <span>
DD. <section>
Voir la réponse

Réponse : B — B. <nav>

<nav> est une balise sémantique dédiée aux liens de navigation principaux, améliorant l'accessibilité et le SEO.

Retour au cours ruedusavoir.com · Apprendre, c'est avancer.