HTML Basics Quiz

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

More Like This

HTML Tags Short Answer Questions
5 questions

HTML Short Answer Quiz & Flashcards

AdaptableDravite avatar
AdaptableDravite
HTML Tags and Classifications
10 questions

HTML Tags and Classifications

ProlificDoppelganger avatar
ProlificDoppelganger
HTML Tags and Attributes Quiz
20 questions

HTML Tags and Attributes Quiz

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