Balises HTML Hx et Séparateurs
12 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 nombre de niveaux de titre disponibles en HTML ?

  • 8
  • 2
  • 6 (correct)
  • 4

Quelle commande permet de créer un saut de ligne dans HTML ?

  • ```<br>``` (correct)
  • ```<hr>```
  • ```<br />```
  • ```<p>```

Quel est le rôle d'un séparateur (<hr>) en HTML ?

  • Définir un titre de niveau 2
  • Insérer une ligne horizontale (correct)
  • Définir un nouveau paragraphe
  • Créer un saut de ligne

Quel est le rôle du retour de chariot (```

<p>Aucun, il est ignoré (A)</p> Signup and view all the answers

Quel attribut permet de spécifier l'alignement d'une ligne horizontale à gauche ?

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

Quel est l'effet de l'attribut noshade dans une ligne horizontale en HTML ?

<p>Crée une ligne sans ombrage (C)</p> Signup and view all the answers

Quelle est la balise HTML utilisée pour créer un titre de niveau 3 ?

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

Quel attribut détermine la largeur d'un séparateur dans le langage HTML?

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

Quel est le rôle de l'attribut ALIGN dans la définition d'un séparateur?

<p>Aligner le séparateur (D)</p> Signup and view all the answers

Quelle largeur est attribuée par défaut à un séparateur non spécifié?

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

Si un séparateur a un attribut SIZE de 10 pixels, quelle est sa taille?

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

Quelle option décrit correctement un séparateur aligné à gauche avec une largeur de 50 pixels?

<p>HR ALIGN=LEFT WIDTH=50 (D)</p> Signup and view all the answers

Flashcards

Séparateur (HR)

Une ligne horizontale qui peut être utilisée pour diviser du contenu sur une page Web.

WIDTH

Attribut HTML qui définit la largeur du séparateur en pixels ou en pourcentage de la largeur de l'écran.

SIZE

Attribut HTML qui définit l'épaisseur du séparateur en pixels.

ALIGN

Attribut HTML qui définit l'alignement du séparateur. Les valeurs possibles sont LEFT, RIGHT et CENTER.

Signup and view all the flashcards

NOSHADE

Supprime l'ombrage du séparateur.

Signup and view all the flashcards

Entêtes HTML

Les entêtes HTML servent à diviser le texte en sections, comme les chapitres d'un livre. Il existe six niveaux d'entêtes, de

(le plus important) à

(le moins important).

Signup and view all the flashcards

Comportement des entêtes

Un nouveau niveau d'entête provoque un passage à la ligne. Les entêtes sont des éléments de bloc, c'est-à-dire qu'ils occupent toute la largeur de la page.

Signup and view all the flashcards

Retour chariot en HTML

Le retour de chariot n'a aucune valeur en HTML. C'est le navigateur qui décide de passer à la ligne en fonction de la taille de la fenêtre et des polices.

Signup and view all the flashcards

Espaces en HTML

Plusieurs espaces dans un document HTML sont réduits à un seul.

Signup and view all the flashcards

Balise

La balise

termine un paragraphe et insère une ligne vide après.

Signup and view all the flashcards

Balise


La balise


trace une ligne horizontale de séparation dans la page web.

Signup and view all the flashcards

Attribut WIDTH de


L'attribut WIDTH de


permet de modifier la largeur de la ligne (en pourcentages, 100% par défaut).

Signup and view all the flashcards

Attribut SIZE de


L'attribut SIZE de


permet de modifier l'épaisseur de la ligne (en pixels, 1 par défaut).

Signup and view all the flashcards

Study Notes

Les balises d'en-tête (Hx)

  • Les balises d'en-tête (<Hx>, avec x allant de 1 à 6) permettent de structurer le texte, comme dans un livre.
  • Il existe six niveaux d'en-tête :

    ,

    ,

    ,

    ,

    et
    .
  • Un nouveau niveau d'en-tête provoque un saut de ligne et les balises d'en-tête sont considérées comme des éléments de bloc.
  • Le niveau 1 est le niveau le plus important et le niveau 6 le plus petit.

Exemple de balises d'en-tête

  • <h1>TITRE PRINCIPAL</h1`> : Exemple d'en-tête de niveau 1.
  • <h2>TITRE SECONDAIRE</h2`> : Exemple d'en-tête de niveau 2.

Séparateurs (<HR>)

  • Les balises <HR> créent des lignes horizontales de séparation dans un document HTML.
  • Elles diffèrent des autres systèmes de traitement de texte car le retour chariot n'a aucune valeur en HTML.
  • Le navigateur gère le saut de ligne en fonction des polices, de la taille de la fenêtre, etc.
  • Plusieurs espaces dans un document HTML sont réduits à un seul espace.
  • La balise <P> (fin de paragraphe) clôt un paragraphe et insère une ligne vide après.

Exemples de séparateurs

  • <HR width="75%"> : Crée une ligne horizontale occupant 75% de la largeur de la fenêtre.
  • <HR size="5"> : Crée une ligne d'épaisseur de 5 pixels.
  • <HR width="75%" align="left"> : Crée une ligne horizontale de 75% de la largeur de la fenêtre, alignée à gauche.
  • <HR> : Séparateur par défaut (largeur 100%, centré).

Attributs de <HR>

  • WIDTH: Définit la largeur de la ligne en pourcentage ou en pixels (par défaut 100%).
  • SIZE: Définit l'épaisseur de la ligne en pixels (par défaut 1).
  • ALIGN: Définit l'alignement de la ligne (left, center, right). L'alignement a un effet que si la ligne est inférieure à 100% de la largeur.

Exemples d'utilisation avancée

  • Utilisation de différents attributs (notamment width, size, align) pour personnaliser la ligne horizontale.
  • Utilisation de l'attribut NOSHADE pour afficher une ligne pleine sans ombrage.

Studying That Suits You

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

Quiz Team

Related Documents

Description

Ce quiz explore les balises d'en-tête Hx et les séparateurs en HTML. Vous apprendrez à utiliser correctement les balises H1 à H6 pour structurer votre texte et à insérer des lignes horizontales avec la balise <HR>. Testez vos connaissances sur la mise en forme du HTML.

More Like This

HTML Flashcards
10 questions

HTML Flashcards

LoyalLanthanum avatar
LoyalLanthanum
HTML Basics and URL Structure
0 questions
HTML Tables
5 questions

HTML Tables

FascinatingFigTree5521 avatar
FascinatingFigTree5521
Use Quizgecko on...
Browser
Browser