Quiz sur HTML et création de sites web
45 Questions
0 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

Quel est le rôle principal de HTML?

  • Rendre les pages interactives
  • Organiser et gérer le contenu (correct)
  • Gérer l'apparence de la page web
  • Créer des images
  • HTML est apparu pour la première fois en 1996.

    False (B)

    Quels langages sont utilisés ensemble pour créer un site web interactif?

    HTML, CSS et JavaScript

    Le langage qui gère l'apparence d'une page web est le ______.

    <p>CSS</p> Signup and view all the answers

    Associez les langages aux rôles appropriés :

    <p>HTML = Gestion du contenu CSS = Gestion de l'apparence JavaScript = Ajout d'interactivité SQL = Gestion de bases de données</p> Signup and view all the answers

    Qu'est-ce qui n'est PAS une balise HTML courante?

    <p><man> (B)</p> Signup and view all the answers

    Les listes ordonnées sont utilisées pour présenter des informations sans ordre particulier.

    <p>False (B)</p> Signup and view all the answers

    Nommez deux types de listes disponibles en HTML.

    <p>Listes ordonnées et listes non ordonnées</p> Signup and view all the answers

    Quelle balise HTML est utilisée pour un titre très important ?

    <h1> (D) Signup and view all the answers

    Il est permis d'utiliser une balise de titre de niveau 3 sans avoir au préalable un titre de niveau 2.

    <p>False (B)</p> Signup and view all the answers

    Quelle balise HTML est utilisée pour créer une liste non ordonnée ?

    <ul> Signup and view all the answers

    Le titre de niveau 6 en HTML est considéré comme étant __________.

    <p>vraiment pas important</p> Signup and view all the answers

    Associez les balises HTML avec leur niveau de titre correspondant :

    <h1> = Titre très important <h2> = Titre important <h3> = Sous-titre <h4> = Titre moins important <h5> = Titre pas important <h6> = Titre vraiment pas important Signup and view all the answers

    Quels navigateurs est-il conseillé de tester pour assurer le bon fonctionnement d'un site web ?

    <p>Google Chrome, Mozilla Firefox, Internet Explorer/Edge (A)</p> Signup and view all the answers

    Une balise HTML fermante commence par un slash suivi du nom de la balise.

    <p>True (A)</p> Signup and view all the answers

    Quel est le rôle de la balise

    ?

    <p>Marquer le début d'un paragraphe</p> Signup and view all the answers

    La balise
    est utilisée pour un ______.

    <p>saut de ligne</p> Signup and view all the answers

    Quelle balise est autofermante ?

    <p><br> (C)</p> Signup and view all the answers

    Les commentaires dans HTML sont affichés par le navigateur.

    <p>False (B)</p> Signup and view all the answers

    Quel est l'avantage d'utiliser plusieurs navigateurs pour tester un site web ?

    <p>Assurer la compatibilité du site sur différentes plateformes</p> Signup and view all the answers

    Associez les balises HTML à leur fonction respective :

    <hr> = Séparation horizontale <p> = Début d'un paragraphe <img> = Insérer une image <!-- --> = Ajouter un commentaire Signup and view all the answers

    Quel est l'attribut utilisé pour définir l'espace entre les cellules d'un tableau?

    <p>border-spacing (C)</p> Signup and view all the answers

    L'utilisation des tables pour organiser des pages web est toujours recommandée.

    <p>False (B)</p> Signup and view all the answers

    Quels types de données peuvent être saisis dans un formulaire?

    <p>Texte, options, boutons.</p> Signup and view all the answers

    La balise principale pour créer un formulaire est <______>.

    <p>form</p> Signup and view all the answers

    Associez les balises aux parties correspondantes d'un tableau:

    <thead> = L'en-tête du tableau <tbody> = Le corps du tableau <tfoot> = Le pied du tableau <table> = La structure globale du tableau Signup and view all the answers

    Quelle méthode d'envoi de données dans un formulaire n'affiche pas les informations dans la zone d'adresse?

    <p>post (C)</p> Signup and view all the answers

    Le padding détermine l'espace entre le contenu d'une cellule et ses frontières.

    <p>True (A)</p> Signup and view all the answers

    Quels sont les deux principaux attributs concernant l'envoi de données dans un formulaire?

    <p>method et action.</p> Signup and view all the answers

    Quelle balise est utilisée pour l'en-tête d'une page web ?

    <header> (B) Signup and view all the answers

    Le pied de page d'une page web contient généralement les informations de contact et les droits d'auteur.

    <p>True (A)</p> Signup and view all the answers

    Quel type de balise regroupe les liens de navigation principaux d'un site ?

    <nav> Signup and view all the answers

    La balise <__________> est utilisée pour contenir des informations complémentaires au document principal.

    <p>aside</p> Signup and view all the answers

    Associez les balises structurant une page web avec leur usage principal:

    <header> = Contient l'en-tête d'une page <footer> = Contient des informations de bas de page <nav> = Regroupe les liens de navigation <section> = Regroupe des contenus thématiques Signup and view all the answers

    Quelle balise est généralement utilisée pour un article indépendant dans une page web ?

    <article> (D) Signup and view all the answers

    La balise

    est utilisée pour des éléments de navigation dans une page web.

    <p>False (B)</p> Signup and view all the answers

    Quel élément est souvent réalisé sous forme de liste à puces et se trouve dans la balise

    <p>menu principal</p> Signup and view all the answers

    Quel attribut est utilisé pour indiquer qu’un champ est obligatoire ?

    <p>required (C)</p> Signup and view all the answers

    L'attribut 'readonly' permet à un champ d'être édité par l'utilisateur.

    <p>False (B)</p> Signup and view all the answers

    Quelle fonctionnalité offre l'élément 'data List' dans un formulaire ?

    <p>L'auto-complétion ou l'auto-suggestion</p> Signup and view all the answers

    L'attribut _______ est utilisé pour placer le curseur dans un élément dès le chargement de la page.

    <p>autofocus</p> Signup and view all the answers

    Associez chaque attribut à sa description :

    <p>required = Indique qu’un champ est obligatoire autofocus = Place le curseur dans l’élément automatiquement autocomplete = Propose des suggestions selon les valeurs précédemment saisies placeholder = Affiche un message indicatif dans un champ</p> Signup and view all the answers

    Comment peut-on groupper des options dans un formulaire ?

    <p>Avec la balise <optgroup> (C)</p> Signup and view all the answers

    L'attribut 'autocomplete' ne peut être influencé que par les valeurs déjà saisies dans le champ.

    <p>False (B)</p> Signup and view all the answers

    Quel est le but de grouper les champs dans plusieurs balises lors de la création d’un formulaire ?

    <p>Faciliter la saisie dans des formulaires complexes avec de nombreux champs</p> Signup and view all the answers

    Flashcards

    HTML

    Langage de balisage utilisé pour structurer et organiser le contenu web. Il définit le contenu d'une page web (texte, images, liens, etc.).

    CSS

    Langage qui permet de styliser et d'agencer le contenu d'une page web. Il définit l'apparence de la page (couleurs, polices, marges, images de fond, etc.).

    JavaScript

    Langage de programmation qui ajoute de l'interactivité aux pages web. Il permet de créer des animations, des jeux, des réponses à des actions de l'utilisateur, etc.

    Fusionner des cellules

    Combiner plusieurs cellules d'un tableau en une seule cellule plus grande.

    Signup and view all the flashcards

    Balises pour l'en-tête d'un tableau

    Les balises définissent l'en-tête du tableau, affichant les titres des colonnes.

    Signup and view all the flashcards

    Balises pour le corps d'un tableau

    Les balises définissent le corps du tableau, contenant le contenu principal.

    Signup and view all the flashcards

    Balises pour le pied de tableau

    Les balises définissent le pied de tableau, affichant des informations complémentaires ou des totaux.

    Signup and view all the flashcards

    Attribut 'padding'

    Définit l'espace entre le contenu de la cellule et sa bordure.

    Signup and view all the flashcards

    Attribut 'border-spacing'

    Définit l'espacement entre les cellules d'un tableau.

    Signup and view all the flashcards

    Attribut 'align'

    Définit l'alignement horizontal du texte dans une cellule.

    Signup and view all the flashcards

    Attribut 'valign'

    Définit l'alignement vertical du texte dans une cellule.

    Signup and view all the flashcards

    Balises de titres

    En HTML, on utilise six balises de titres différentes pour organiser le contenu hiérarchiquement, de

    (plus important) à

    (moins important).

    Signup and view all the flashcards

    Importance des balises de titres

    Il est crucial de respecter l'ordre des balises de titres (de

    à

    ) pour une structure logique et un code lisible. Ne choisissez pas une balise en fonction de sa taille de texte.

    Signup and view all the flashcards

    Listes non ordonnées

    Une liste non ordonnée (non numérotée) en HTML est créée avec la balise

      (unordered list). Chaque élément de la liste est encapsulé entre les balises
    • (list item).

      Signup and view all the flashcards

    Listes ordonnées

    Une liste ordonnée (numérotée) en HTML est créée avec la balise

      (ordered list). Chaque élément de la liste est encapsulé entre les balises
    1. (list item).

      Signup and view all the flashcards

    Structure logique des titres

    Il est important de commencer par un titre de niveau 1 (

    ), puis d'utiliser des titres de niveau 2 (

    ), etc. N'utilisez pas de sous-titres sans titre principal.

    Signup and view all the flashcards

    Balises HTML

    Les balises HTML structurent le contenu d'un document web en délimitant des blocs pour les paragraphes, titres, images, vidéos, liens, etc.

    Signup and view all the flashcards

    Balise ouvrante

    Une balise qui indique le début d'un élément HTML, par exemple

    pour un paragraphe.

    Signup and view all the flashcards

    Balise fermante

    Une balise qui indique la fin d'un élément HTML, par exemple

    pour un paragraphe.

    Signup and view all the flashcards

    Balise autofermante

    Une balise qui ne contient pas de contenu, comme


    (ligne horizontale) ou
    (saut de ligne).

    Signup and view all the flashcards

    Commentaire HTML

    Une ligne de code qui ne sera pas affichée dans le navigateur, utilisée pour des notes ou des explications.

    Signup and view all the flashcards

    Quel est le rôle des balises HTML ?

    Les balises HTML structurent le contenu d'un document web en organisant les éléments comme les paragraphes, les titres, les images et les liens.

    Signup and view all the flashcards

    Quelle est la différence entre une balise ouvrante et une balise fermante ?

    Une balise ouvrante marque le début d'un élément (

    ), tandis qu'une balise fermante marque sa fin (

    ).

    Signup and view all the flashcards

    Qu'est-ce qu'une balise autofermante ?

    Une balise qui ne contient pas de contenu et ne nécessite pas de balise fermante, comme la balise
    pour un saut de ligne.

    Signup and view all the flashcards

    Liste déroulante (HTML)

    Un élément de formulaire permettant à l'utilisateur de choisir une option parmi une liste prédefinie.

    Signup and view all the flashcards

    Attribut 'selected' (HTML)

    Attribut utilisé pour spécifier une option par défaut dans une liste déroulante.

    Signup and view all the flashcards

    Balise (HTML)

    Un élément de formulaire qui associe une liste de choix à un élément d'entrée, fournissant l'autocomplétion ou l'autosuggestion.

    Signup and view all the flashcards

    Autocomplétion de texte (HTML)

    Fonctionnalité qui suggère des mots ou des phrases à mesure que l'utilisateur tape dans un champ d'entrée.

    Signup and view all the flashcards

    Attribut 'required' (HTML)

    Indique qu'un champ de formulaire doit obligatoirement être rempli.

    Signup and view all the flashcards

    Attribut 'autofocus' (HTML)

    Place le curseur dans un champ particulier dès le chargement de la page.

    Signup and view all the flashcards

    Attribut 'autocomplete' (HTML)

    Indique le type d'autocomplétion à utiliser pour un champ d'entrée.

    Signup and view all the flashcards

    Attribut 'placeholder' (HTML)

    Affiche un message indicatif dans un champ d'entrée vide.

    Signup and view all the flashcards

    Balise

    La balise

    contient généralement le logo, la bannière et le slogan du site. Elle se trouve au début de la page web.

    Signup and view all the flashcards

    Balise

    La balise

    se trouve en bas de la page et contient des éléments comme les liens de contact, les mentions légales, etc.

    Signup and view all the flashcards

    Balise

    La balise

    Balise

    La balise

    sert à diviser le contenu de la page en sections thématiques.

    Signup and view all the flashcards

    Balise

    La balise

    Balise

    La balise

    contient un contenu indépendant qui peut être partagé ou distribué séparément.

    Signup and view all the flashcards

    Que contient la balise

    ?

    La balise

    contient généralement le logo, la bannière et le slogan du site web.

    Signup and view all the flashcards

    Où se trouve la balise

    ?

    La balise

    se trouve en bas de la page web.

    Signup and view all the flashcards

    Study Notes

    Introduction à HTML

    • HTML (HyperText Markup Language) est un langage de balisage utilisé pour structurer le contenu d'une page web.
    • Il utilise des balises pour indiquer la signification de chaque élément.
    • La syntaxe d'HTML se base sur des balises d'ouverture <element> et de fermeture </element>.
    • HTML5 est la version la plus courante et propose de nouvelles balises pour la structuration de pages web.

    Plan d'une page HTML

    • La structure de base d'un document HTML contient une en-tête () et un corps ().
    • L'en-tête définit les propriétés globales de la page, telles que le titre et les méta-informations.
    • Le corps contient le texte, les images et les autres éléments visibles de la page.

    Balises structurelles principales

    • <header>: définit l'en-tête d'une page, souvent contenant le titre, le logo, et la navigation.
    • <nav>: définit la navigation d'une page, contenant les liens principaux du site.
    • <section>: définit une section ou une partie d'une page avec un sujet spécifique.
    • <article>: définit un article indépendant, comme un article de blog ou un contenu autonome.
    • <aside>: définit une zone d'informations complémentaires, souvent situées en marge du contenu principal.
    • <footer>: définit le pied de page d'une page, contenant souvent des informations de copyright, contact, et navigation.

    Les paragraphes (

    )

    • Les paragraphes sont utilisés pour organiser le texte en blocs logiques.
    • <p> ... </p> délimite le début et la fin d'un paragraphe.

    Les titres (

    à

    )
    • Les titres sont utilisés pour structurer le texte, avec six niveaux de titres (

      ,

      ,...,

      ).
    • est le titre le plus important, suivi de

      , etc.

    Les listes

    • <ul>: liste non ordonnée (liste à puces).
    • <li>: élément de liste.
    • <ol>: liste ordonnée (liste numérotée).
    • <dl>: liste de description, pour définir les termes d'un glossaire (ou de définitions).

    Les liens ()

    • <a> permet de créer des liens vers d'autres pages web (externes ou internes).
    • L'attribut href indique l'adresse de la page cible.
    • L'attribut target peut spécifier si le lien s'ouvre dans une nouvelle fenêtre (blank).
    • Un lien peut également pointer vers un signet sur la même page (en utilisant l'attribut id).

    Les images ()

    • <img> insère une image dans une page Web.
    • Les attributs importants sont src (emplacement de l'image) et alt (texte alternatif pour l'accessibilité et le SEO).
    • Pour définir la hauteur et largeur, on utilise height et width respectivement. La balise est une balise orpheline, elle est autofermante. <img src="image.jpg" alt="Description de l'image" />

    Les sections de formulaires

    • <form> : délimite le formulaire
    • <input type=...> : élément de saisie (texte, nombre, date, email, mot de passe, cases à cocher, boutons de radio, etc)
    • Pour les zones de texte multiligne : usage de <textarea> et attributes rows, cols

    Les tableaux (<table...>)

    • Utilisé pour présenter des informations en lignes et colonnes.
    • <tr>:définit une ligne dans le tableau.
    • <th>:définit une entête de colonne.
    • <td>:définit une cellule de données dans le tableau.
    • <caption>:définit la légende du tableau.

    Les fichiers audio et vidéo

    • <audio> permet d'intégrer un fichier audio (ex. musique)
    • <video> permet d'intégrer un fichier vidéo (ex. film).

    Intégration d'objets

    • <object> ou <embed> : pour intégrer des fichiers autres que des images audio et vidéo, comme des fichiers PDF ou des applets Flash.
    • (Dans HTML5 ces balises sont dépréciées, il est préférable d'utiliser des <iframe> ou des solutions alternatives.)

    Les frames

    • <iframe> : permet d'intégrer une page Web entière dans une autre.

    Autres attributs

    • Ajouter des styles avec CSS.
    • required: Indiquer que le champ est obligatoire.
    • placeholder: Texte d'aide pour l'utilisateur.
    • maxlength: Limiter le nombre de caractères.
    • size: Ajuster la largeur du champ.
    • autofocus: Placer le curseur dans le champ.

    Studying That Suits You

    Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

    Quiz Team

    Description

    Testez vos connaissances sur HTML et les langages associés à la création de sites web. Ce quiz aborde des questions sur les balises, les listes, et l'organisation des titres dans HTML. Idéal pour les étudiants ou toute personne intéressée par le développement web.

    More Like This

    HTML Basics Quiz
    8 questions

    HTML Basics Quiz

    EnergyEfficientHedgehog avatar
    EnergyEfficientHedgehog
    Web Server Programming Basics
    39 questions

    Web Server Programming Basics

    StreamlinedTajMahal2813 avatar
    StreamlinedTajMahal2813
    Web Development Basics Quiz
    50 questions
    Introduction to HTML Basics
    15 questions
    Use Quizgecko on...
    Browser
    Browser