HTML Basics Quiz
47 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

Quelle balise est utilisée pour créer un lien hypertexte vers une autre page Web ?

  • ``<p>``
  • ``<img>``
  • ``<a>`` (correct)
  • ``<br>``

    • Quelle balise sert à créer une liste ordonnée ?

  • ``<table>``
  • ``<td>``
  • ``<li>``
  • ``<ol>`` (correct)

    • Quelle balise est utilisée pour insérer une image dans une page Web ?

  • ``<br>``
  • ``<table>``
  • ``<a>``
  • ``<img>`` (correct)

    • Quelle balise est utilisée pour définir un paragraphe de texte ?

    <p><code>&lt;p&gt;</code> (C)</p> Signup and view all the answers

    Quelle balise permet de diviser le contenu d'une page web en sections distinctes ?

    <p><code>&lt;div&gt;</code> (D)</p> Signup and view all the answers

    Quelle balise HTML est utilisée pour mettre le texte en gras ?

    <p><code>&lt;b&gt;</code> (C)</p> Signup and view all the answers

    Comment insérer un commentaire dans le code HTML qui ne sera pas affiché sur la page Web ?

    <p><code>&lt;!-- Un commentaire --&gt;</code> (D)</p> Signup and view all the answers

    Quel symbole est utilisé pour créer un lien interne vers un élément sur la même page ?

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

    Comment crée-t-on un lien vers une adresse email ?

    <p>En utilisant l'attribut &quot;mailto:&quot; suivi de l'adresse email. (D)</p> Signup and view all the answers

    Quel attribut HTML permet d'ajouter une infobulle explicative à un lien ?

    <p>title (D)</p> Signup and view all the answers

    Quel élément HTML est utilisé pour créer un tableau ?

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

    A quoi correspond l'élément "" dans un tableau HTML ?

    <p>Une ligne du tableau (B)</p> Signup and view all the answers

    Quelle est la différence entre les éléments "" et "" dans un tableau HTML ?

    <p>&quot;<td>&quot; est utilisé pour les cellules normales, &quot;<th>&quot; pour les cellules d'en-tête. (A)</p> Signup and view all the answers

    Quel est l'attribut utilisé pour définir le lien d'un élément dans HTML ?

    <p>href (D)</p> Signup and view all the answers

    Quel élément HTML est utilisé pour créer une légende pour un tableau ?

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

    Quelle est la signification de l'abréviation « WWW » ?

    <p>World Wide Web (B)</p> Signup and view all the answers

    Quel est le nom du créateur du web ?

    <p>Tim Berners-Lee (A)</p> Signup and view all the answers

    Quel est le rôle du W3C ?

    <p>Normaliser les technologies du web (B)</p> Signup and view all the answers

    Quelle est la principale caractéristique du web 1.0 ?

    <p>La distribution d'informations statiques (C)</p> Signup and view all the answers

    Lequel de ces protocoles est utilisé pour la communication sur internet ?

    <p>TCP-IP (B)</p> Signup and view all the answers

    Qu'est-ce qu'un hyperlien ?

    <p>Un lien vers un autre document web (D)</p> Signup and view all the answers

    Quel langage est utilisé pour créer des pages web ?

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

    Quel est le principal moteur du développement du web 2.0 ?

    <p>La volonté de partager et d'échanger des informations (D)</p> Signup and view all the answers

    Quel attribut de la balise <table> permet de spécifier l'épaisseur de la bordure ?

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

    Quelle valeur de l'attribut align permet d'aligner le contenu d'une cellule à droite ?

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

    Quel attribut permet d'indiquer à une cellule de recouvrir plusieurs colonnes ?

    <p>colspan (D)</p> Signup and view all the answers

    Quel est le rôle de l'attribut valign ?

    <p>Définir l'alignement vertical du contenu de la cellule (C)</p> Signup and view all the answers

    Quelle est la différence entre rowspan et colspan ?

    <p><code>rowspan</code> indique le nombre de rangées qu'une cellule s'étend, <code>colspan</code> le nombre de colonnes. (A)</p> Signup and view all the answers

    Quelle valeur de l'attribut valign est utilisée pour aligner le contenu au milieu de la cellule ?

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

    Dans le code suivant, quelle est la largeur du tableau ?

    <table width="50%">
</table>

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

    Quel est le rôle de la balise <tr> dans un tableau HTML ?

    <p>Définir une rangée du tableau (A)</p> Signup and view all the answers

    Quel est le rôle d'un navigateur Web ?

    <p>Interpréter les codes HTML, CSS et JavaScript et les afficher sous forme de pages Web  (C)</p> Signup and view all the answers

    Lequel des logiciels suivants n'est PAS un serveur Web?

    <p>Mozilla Firefox (D)</p> Signup and view all the answers

    Quelle est la fonction principale d'un serveur Web?

    <p>Répondre aux requêtes des navigateurs Web et fournir des pages Web (C)</p> Signup and view all the answers

    Lequel de ces éléments N'EST PAS inclus dans une URL typique?

    <p>Mot de passe  (D)</p> Signup and view all the answers

    Quel est l'avantage principal d'utiliser Joomla par rapport à un Framework ?

    <p>Joomla est plus facile à utiliser car il ne nécessite pas de codage. (D)</p> Signup and view all the answers

    Quel est le rôle de la chaîne de requête dans une URL?

    <p>Transmettre des informations supplémentaires à la page Web (C)</p> Signup and view all the answers

    Quel est le principal inconvénient des CMS comme Joomla?

    <p>Ils limitent la flexibilité et la personnalisation du site Web (C)</p> Signup and view all the answers

    Quelle est la principale différence entre HTTP et HTTPS?

    <p>HTTPS utilise des protocoles de cryptage pour sécuriser la communication avec le serveur. (A)</p> Signup and view all the answers

    Quelle est la signification de l'attribut href dans une balise <a> ?

    <p>Il définit l'URL vers laquelle le lien pointe (C)</p> Signup and view all the answers

    Quelle est la valeur par défaut de l'attribut target pour un lien ?

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

    Quel attribut permet de créer un lien interne à une page web ?

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

    Quelle est la différence entre les attributs target='_blank' et target='_self' ?

    <p>L'attribut <code>target='_self'</code> ouvre le lien dans la même fenêtre, tandis que <code>target='_blank'</code> ouvre un nouvel onglet. (C)</p> Signup and view all the answers

    Si vous souhaitez créer un lien vers une page appelée 'page2.htm' située dans un sous-dossier nommé 'sous-dossier', quelle serait l'adresse du lien ?

    <p>sous-dossier/page2.htm (A)</p> Signup and view all the answers

    Quelle balise HTML5 est utilisée pour créer un lien hypertexte ?

    <p><code>&lt;a&gt;</code> (C)</p> Signup and view all the answers

    Quel est l'effet de l'attribut target='_top' sur un lien ?

    <p>Le lien ouvre la page cible dans la même fenêtre, et elle occupe la totalité de la fenêtre d'affichage. (A)</p> Signup and view all the answers

    Comment créer un lien vers une section spécifique d'une page web ?

    <p>Utiliser l'attribut <code>id</code> sur la section et l'attribut <code>href</code> avec le symbole <code>#</code> suivi de l'identifiant de la section. (D)</p> Signup and view all the answers

    Flashcards

    Joomla

    Un projet collaboratif pour créer des sites web sans codage.

    Navigateur web

    Logiciel qui traduit HTML, CSS et JavaScript en sites web.

    Apache

    Serveur web le plus répandu sur Internet.

    URL

    Chaîne de caractères qui adresse des ressources sur le Web.

    Signup and view all the flashcards

    Serveur web

    Logiciel permettant l'accès à des pages web via un navigateur.

    Signup and view all the flashcards

    Pages Web

    Ressources créées avec HTML/XHTML et CSS pour le Web.

    Signup and view all the flashcards

    Serveur HTTP

    Un logiciel servant des pages web à des clients distants.

    Signup and view all the flashcards

    Fonctionnalités d'Apache

    Configuration simple et chargement de modules pour étendre des fonctions.

    Signup and view all the flashcards

    Listes imbriquées

    Une liste numérotée contenant une liste non ordonnée.

    Signup and view all the flashcards

    Balise « a » (anchor)

    Élément HTML utilisé pour créer des liens hypertextes.

    Signup and view all the flashcards

    Attribut href

    Attribut qui définit l'URL vers laquelle pointe le lien.

    Signup and view all the flashcards

    target="_self"

    Ouvre le lien dans la même fenêtre actuelle.

    Signup and view all the flashcards

    target="_top"

    Ouvre le lien dans la même fenêtre occupante tout l'écran.

    Signup and view all the flashcards

    target="_blank"

    Ouvre le lien dans un nouvel onglet ou fenêtre.

    Signup and view all the flashcards

    Liens vers pages du même site

    Utiliser le nom du fichier pour créer des liens entre pages d'un site.

    Signup and view all the flashcards

    Liens internes avec id

    Utiliser l'attribut id et le symbole « # » pour les liens internes dans une page.

    Signup and view all the flashcards

    Lien interne

    Un lien qui renvoie à une autre partie de la même page web via l'attribut 'href'.

    Signup and view all the flashcards

    Mailto

    Un type de lien pour envoyer un e-mail, utilisant 'mailto:' suivi d'une adresse e-mail.

    Signup and view all the flashcards

    Infobulle

    Un message d'information qui apparaît lorsque l'on survole un lien avec le curseur.

    Signup and view all the flashcards

    Balise

    Balise utilisée pour créer un tableau, contenant des lignes et des colonnes.

    Signup and view all the flashcards

    Balise

    Balise qui définit une rangée dans un tableau.

    Signup and view all the flashcards

    Balise

    Balise qui représente une cellule de données dans un tableau.

    Signup and view all the flashcards

    Balise

    Balise utilisée pour désigner une cellule d'en-tête dans un tableau.

    Signup and view all the flashcards

    Mise en page HTML

    HTML structure principalement le contenu, la mise en forme utilise CSS.

    Signup and view all the flashcards

    Internet

    Réseau mondial de machines interconnectées pour la communication.

    Signup and view all the flashcards

    Web

    Système d’information réparti en pages web, développé par Tim Berners-Lee.

    Signup and view all the flashcards

    Protocoles de communication

    Règles utilisées pour échanger des données sur internet, comme TCP-IP.

    Signup and view all the flashcards

    W3C

    World Wide Web Consortium, organisme de normalisation du web.

    Signup and view all the flashcards

    Web 1.0

    Web statique centré sur la distribution d'informations avec peu d'interaction.

    Signup and view all the flashcards

    Web 2.0

    Web social et dynamique, favorisant le partage d'informations entre utilisateurs.

    Signup and view all the flashcards

    Hypertextes et hyperliens

    Permettent de naviguer entre les documents web en établissant des connexions.

    Signup and view all the flashcards

    Balise de passage à la ligne

    Balise utilisée pour insérer un saut de ligne dans le texte.

    Signup and view all the flashcards

    Balise pour les liens

    Balise utilisée pour créer des hyperliens vers d'autres pages.

    Signup and view all the flashcards

    Balise pour les images

    Balise utilisée pour insérer des images dans une page web.

    Signup and view all the flashcards

    Balises de champs de formulaires

    Balises utilisées pour créer des champs interactifs dans un formulaire.

    Signup and view all the flashcards

    Balise h1

    Balise utilisée pour définir le titre le plus important d'une page web.

    Signup and view all the flashcards

    Liste ordonnée

    Balise utilisée pour créer une liste où les éléments sont numérotés.

    Signup and view all the flashcards

    Liste désordonnée

    Balise utilisée pour créer une liste où les éléments ne sont pas numérotés.

    Signup and view all the flashcards

    Balise de paragraphe

    Balise utilisée pour organiser le texte en paragraphes.

    Signup and view all the flashcards

    Bordure de tableau

    Épaisseur définie en pixels pour les bordures des tableaux.

    Signup and view all the flashcards

    Largeur de tableau

    Peut être définie en pixels ou en pourcentage de l'écran.

    Signup and view all the flashcards

    Alignement

    Positionnement horizontal du contenu dans un tableau.

    Signup and view all the flashcards

    Alignement vertical

    Positionnement vertical du contenu dans une cellule.

    Signup and view all the flashcards

    Colspan

    Attribut qui définit combien de colonnes une cellule recouvre.

    Signup and view all the flashcards

    Rowspan

    Attribut qui indique combien de rangées une cellule recouvre.

    Signup and view all the flashcards

    Cellules d'un tableau

    Unités qui forment les rangées et colonnes d'un tableau.

    Signup and view all the flashcards

    Attributs de tableau

    Propriétés spéciales qui modifient l'apparence des tableaux.

    Signup and view all the flashcards

    Study Notes

    Programme

    • Le cours porte sur la Programmation Web 1.
    • L'année universitaire est 2024/2025.
    • Le professeur est Pr. Falih Noureddine.
    • Le niveau est MIP/S3.

    Plan du cours

    • Le chapitre 1 est consacré aux Généralités.
    • Le chapitre 2 traite de HTML5.
    • Le chapitre 3 porte sur CSS3.

    Généralités

    • Définition d'Internet: Un réseau mondial de machines interconnectées permettant aux utilisateurs de communiquer, de publier des informations, de transférer des données et de travailler à distance.
    • Protocoles de communication: TCP/IP.
    • Applications diverses: Courrier électronique, transfert de fichiers (FTP), messagerie instantanée, pair-à-pair.
    • Internet et WWW: Le Web est un système d'information réparti en pages web, composé d'hypertextes et hyperliens permettant de naviguer entre les documents web.
    • Web 1.0: Site web statique axé sur la diffusion d'informations via des sites vitrine.
    • Web 2.0: Site web plus dynamique mettant l'accent sur le partage et l'échange de contenu entre le client et le serveur.
    • Web 3.0: Site web sémantique qui vise à la compréhension machine des données.
    • Web 4.0: Site web connecté et intelligent basé sur l'Internet des Objets (IoT) et l'intelligence artificielle (IA).
    • W3C: Organisme de normalisation pour la compatibilité des technologies web.
    • Protocole HTTP: Un langage de communication client-serveur sur Internet. Utilizé depuis les années 90.
    • Versions HTTP: 1.0 (RFC 1945), 1.1 (RFC 2616), et 2.0 (RFC 7540).
    • Format des messages HTTP: Requête HTTP et Réponse HTTP.
    • Ordinateurs connectés au Web: Utilisateurs (internautes) agissant comme clients et serveurs informatiques.
    • Technologies du Web: HTML, CSS et JavaScript.
    • Langages clients (Front-end): HTML5, CSS3, et JavaScript...
    • Langages serveurs (Back-end): PHP, Java, C#, C++, Ruby, Perl et Python.
    • Frameworks: Logiciels servant de modèles pour faciliter la construction de sites web (ex : Symfony pour PHP).
    • CMS (Content Management System): plateformes prêtes à l'emploi pour la création et la mise à jour de sites web, exemple WordPress.
    • Navigateurs web: Logiciels permettant aux personnes d'accéder aux pages web à partir d'un navigateur installé sur leurs ordinateurs.
    • Serveurs Web: Logiciels qui permettent aux clients d'accéder à des pages web à travers leurs navigateurs (exemples: Apache, IIS).
    • URL (Uniform Resource Locator): Chaîne de caractères utilisée pour adresser les ressources sur le web, exemple http://www.exemple.com/chemin/page.html?q=req.
    • Pages Web: Ressources du World Wide Web, conçues par les webmasters, contenant du texte, images, tableaux, formulaires, et éléments multimédias.
    • Création de Site Web: Définition, objectifs, cible, rentabilité, moyens financiers, et axes majeurs pour la mise en place d’un site web.
    • Pages statiques / dynamiques: Les pages statiques sont stockées sur le serveur; elles sont générées dynamiquement sur le serveur selon les données traitées par le serveur (exemple : données from BD).
    • Bases de données: Ensembles de tables liées entre elles, gérés par un SGBD (Système de gestion de bases de données) qui permettent de stocker et récupérer des données (ex: MySQL, Postgresql, SQL Server).
    • Sites responsives et mobiles: Sites web qui s’adaptent aux différents appareils comme les smartphones et les tablettes.
    • HTML5: Langage de balisage pour créer des pages web; introduit en 1990 par Tim Berners-Lee.
    • Balises HTML: Éléments structurels pour organiser les pages web.
    • Attributs HTML: Caractéristiques supplémentaires pour personnaliser les balises HTML.
    • Structure d’un document HTML5: En-tête (contenant méta-informations, titre) et corps (contenu).

    HTML5

    • Balises: Étiquettes utilisées pour marquer le début et la fin d'un élément. (exemple:

      Titre

      ,

      paragraphe

      , lien, image).
    • Attributs: Caractéristiques pour personnaliser les balises (exemple: href, title, width, height).
    • Structure de base: <html lang="fr">, <head>, <title>, <meta charset="UTF-8">, <body>, </body>, </html>.
    • Structure de page:
      ,
    • Commentaires: Parties de code ignorées par le navigateur, utilisés pour les notes.

    CSS3

    • Feuilles de styles en cascade (CSS): Langage pour définir la présentation des éléments HTML.
    • Sélecteurs: Parties de la syntaxe CSS qui identifient les éléments HTML à styliser (ex: h1 pour tous les titres de niveau 1).
    • Propriétés: Indicateurs d'aspect pour les éléments ciblés (ex: color, font-size, background-color).
    • Valeurs: Spécificités des propriétés, valeurs ou unité pour la modification (ex: #FF0000 pour la couleur rouge).
    • Ordre de priorité (cascade): Priorité des styles appliqué aux éléments dans différents endroits d'un document.

    Studying That Suits You

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

    Quiz Team

    Related Documents

    Programmation Web 1 Cours - Falih Noureddine 2024/2025 PDF

    Description

    Testez vos connaissances de base sur les balises HTML à travers ce quiz. Il couvre les éléments essentiels tels que les liens, les images, et les tableaux. Idéal pour ceux qui apprennent le développement web.

    More Like This

    HTML Tags Quiz
    5 questions

    HTML Tags Quiz

    ReasonableLithium avatar
    ReasonableLithium
    HTML Tags Quiz
    11 questions

    HTML Tags Quiz

    CozySunstone avatar
    CozySunstone
    HTML Tags and Attributes Quiz
    20 questions

    HTML Tags and Attributes Quiz

    AffluentEpiphany1963 avatar
    AffluentEpiphany1963
    Use Quizgecko on...
    Browser
    Open
    Browser
    Browser