HTML Liens et Hyperliens

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

Quelle balise HTML est utilisée pour afficher du texte en gras?

`<gras>`

Aucune de ces réponses (correct)

`<centre>`

`<italique>`

Quelle option n'est pas mentionnée pour l'alignement des paragraphes?

Gauche

Justifié

Diagonal (correct)

Droite

Comment s'appelle la balise qui permet de conserver les espaces, tabulations, et retours à la ligne dans un document HTML?

`<body>`

`<align>`

`<pre>` (correct)

`<style>`

Dans le contexte des couleurs utilisées dans la balise `<body>`, que représente l'option `TEXT=c`?

La couleur des caractères. Signup and view all the answers

Quel format de couleur est utilisé pour définir les couleurs avec les options `BGCOLOR`, `TEXT`, `LINK`, `VLINK` et `ALINK`?

Hexadécimal Signup and view all the answers

Quelle option permet de modifier la couleur des hyperliens déjà visités?

VLINK=c Signup and view all the answers

Par défaut, quelle est la couleur du fond d'un document HTML, selon le texte?

Gris clair Signup and view all the answers

Quelle option permet de modifier la couleur d'un hypertexte au moment où il est sélectionné?

ALINK=c Signup and view all the answers

Quelle balise HTML est utilisée pour créer un hyperlien?

<code><a></code> Signup and view all the answers

Quel attribut de la balise `<a>` spécifie l'URL de la page liée?

HREF Signup and view all the answers

Comment créer un lien vers un fichier nommé 'document.pdf' situé dans le même répertoire que le fichier HTML courant?

<code><a href="document.pdf">Accéder au PDF</a></code> Signup and view all the answers

Quelle est la méthode correcte pour créer un lien hypertexte vers le site web 'www.exemple.com'?

<code><a href="http://www.exemple.com">Visitez Exemple</a></code> Signup and view all the answers

Comment créer un lien hypertexte qui ouvre une adresse e-mail (mailto) ?

<code><a href="mailto:[email protected]">Envoyer un email</a></code> Signup and view all the answers

Si vous êtes dans un fichier situé dans 'dossier1/dossier2/' et que vous souhaitez pointer vers 'fichier.html' situé dans 'dossier1/', quel chemin relatif utiliseriez-vous?

<code>../fichier.html</code> Signup and view all the answers

Quel est le comportement par défaut d'un lien hypertexte non visité dans la plupart des navigateurs?

Bleu et souligné Signup and view all the answers

Lorsqu'un lien pointe vers un fichier (par exemple, une image ou un PDF), quel est le comportement attendu si le navigateur ne peut pas l'afficher directement?

Le navigateur télécharge automatiquement le fichier. Signup and view all the answers

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

<code><ol></code> Signup and view all the answers

Quelle est la fonction principale de la balise `<li>` dans le contexte des listes HTML?

Définir un élément individuel dans une liste (ordonnée ou non ordonnée). Signup and view all the answers

Lequel des énoncés suivants décrit le mieux une liste non ordonnée en HTML?

Une liste dont les éléments sont affichés avec des puces. Signup and view all the answers

Quel est l'effet de la balise `` sur le texte?

Il rend le texte gras. Signup and view all the answers

Que signifie l'imbrication de listes en HTML?

L'inclusion d'une liste à l'intérieur d'un élément de liste d'une autre liste. Signup and view all the answers

Quelle balise est utilisée pour afficher un texte en italique?

<code></code> Signup and view all the answers

Quelle est la différence fondamentale entre une liste ordonnée (`<ol>`) et une liste non ordonnée (`<ul>`) en HTML?

Les listes ordonnées affichent les éléments avec des numéros ou des lettres, tandis que les listes non ordonnées utilisent des puces. Signup and view all the answers

Lequel des éléments suivants peut être contenu à l'intérieur d'un élément `<li>`?

Des éléments de bloc ou des éléments incorporés. Signup and view all the answers

Study Notes

HTML Liens

Un lien est un élément cliquable qui redirige l'utilisateur vers une nouvelle page ou permet de télécharger un fichier.
Les liens sont souvent stylisés différemment (par défaut, bleu et souligné).
Les liens peuvent rediriger vers :
- Un autre site web (lien externe).
- Une autre page du même site web (lien interne).
- Des fichiers (images, PDF, etc).

HTML Pointeur vers un autre document

L'hyperlien est créé par la balise <A>.
Les attributs possibles sont HREF.
La syntaxe complète est <A HREF="document">texte</A>.
HREF est un raccourci pour "Hypertexte référence".
Le document désigne le document ciblé.
Le texte est le texte affiché comme lien hypertexte.

HTML Chemin d'accès relatif

Les chemins d'accès relatifs sont basés sur le répertoire du fichier actuel.
HREF="fichier2.html" : le répertoire courant.
HREF="tempo/version1/fichier2.html" : deux répertoires sous le répertoire courant.
HREF="../../fichier2.html" : deux répertoires au-dessus.

HTML Lien vers un autre site distant

Pour créer un lien vers un autre site distant, remplacer "document" par une URL.
Exemple : <A HREF="http://www.google.fr">www.google.fr</A>

HTML Liens externes vers d'autres protocoles

Lien pour l'envoi d'un courriel : <A HREF="mailto:[email protected]">Envoyez moi un message</A>

HTML Liens page vers page

On peut créer des liens entre des pages d'un même site web, affichant une page à partir d'une autre.
Exemple d'utilisation : bouton/lien pour revenir à la page d'accueil sur un site.

HTML Listes

HTML définit 5 types de listes :
- Listes non ordonnées (à puces).
- Listes ordonnées (numérotées).
- Listes de définitions.
- Listes de répertoires.
- Listes de menus.

HTML Listes ordonnées

La balise <ol> crée une liste ordonnée numérotée.
La balise <li> définit chaque élément de la liste ordonnée.

HTML Liste non ordonnées

La balise <ul> crée une liste non ordonnée (à puces).
La balise <li> définit chaque élément de la liste non ordonnée.

HTML Contenu d'une liste

Les éléments <ul> et <ol> contiennent uniquement des éléments <li>.
Chaque élément <li> peut contenir des éléments de bloc et des éléments incorporés.
Les listes peuvent être imbriquées.
On peut mélanger <ul> et <ol> pourvu que chaque liste soit fermée correctement.

HTML Exemple de listes

Exemples de listes ordonnées et non ordonnées.

HTML Style

L'utilisation de différents styles modifie la présentation du texte.
- texte : italiques.
- texte : gras.
- texte : souligné.
- <S>texte</S> : barré.
- texte : indice.
- texte : exposant.

HTML Style `<HTML>`

Utilisations des balises , , , ,  dans le balisage <HTML>.
Définir et contrôler l'apparence des informations. Centre, police, couleur etc.

HTML Alignement du texte

Paramétrer l'apparence du texte via la balise , , , et .

HTML Titres

Utilisation des balises de titres de niveau 1 à 6 <H1> à <H6>.

HTML Texte pré-formate

La balise <PRE> </PRE> permet d'afficher du texte avec des espaces, tabulations et retours à la ligne.

HTML Couleurs

Définir des couleurs de fond et de texte.
- BGCOLOR=<couleur>: couleur du fond.
- TEXT=<couleur>: couleur du texte.
- LINK=<couleur>: lien non visité.
- VLINK=<couleur> : lien visité.
- ALINK=<couleur> : lien cliqué.
Utilisation de codes hexadécimaux pour les couleurs. (ex #000000 pour le noir).

Studying That Suits You

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

Description

Ce quiz explore les concepts fondamentaux des liens en HTML, y compris la création d'hyperliens à l'aide de la balise <A> et l'utilisation de chemins d'accès relatifs. Vous apprendrez à identifier les différents types de liens et à comprendre leur syntaxe. Testez vos connaissances sur les liens internes, externes et les fichiers liés.