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

    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?

    <man> Signup and view all the answers

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

    <p>False</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> 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</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</p> Signup and view all the answers

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

    <p>True</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 ?

    <br> Signup and view all the answers

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

    <p>False</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</p> Signup and view all the answers

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

    <p>False</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</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</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> 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</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> Signup and view all the answers

    La balise

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

    <p>False</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</p> Signup and view all the answers

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

    <p>False</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></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</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

    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

    Related Documents

    HTML5 : Institut supérieur de gestion 2020-2021 PDF

    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
    HTML Fundamentals for Web Development
    16 questions

    HTML Fundamentals for Web Development

    SteadyCamellia avatar
    SteadyCamellia
    Web Server Programming Basics
    39 questions

    Web Server Programming Basics

    StreamlinedTajMahal2813 avatar
    StreamlinedTajMahal2813
    Web Development Basics Quiz
    50 questions

    Web Development Basics Quiz

    WieldyPhotorealism avatar
    WieldyPhotorealism
    Use Quizgecko on...
    Browser
    Open
    Browser
    Browser