From 22b97f7dbf9a84111828b539342454e4dcf3032f Mon Sep 17 00:00:00 2001 From: SphinxKnight Date: Wed, 22 Sep 2021 13:42:59 +0200 Subject: Basic linting (flaw fixing, link updates, gremlins removal) for HTML Intro in LA (#2337) --- .../advanced_text_formatting/index.html | 44 +++---- .../creating_hyperlinks/accueil.png | Bin 0 -> 26045 bytes .../creating_hyperlinks/bbc-homepage.png | Bin 0 -> 103333 bytes .../creating_hyperlinks/dir-struct.png | Bin 0 -> 44872 bytes .../creating_hyperlinks/index.html | 130 ++++++++++----------- .../debugging_html/fr-erreur.png | Bin 0 -> 27411 bytes .../debugging_html/fr-html-errone.png | Bin 0 -> 39401 bytes .../debugging_html/fr-inspecteur.png | Bin 0 -> 80064 bytes .../debugging_html/fr-liste-erreur.png | Bin 0 -> 39761 bytes .../introduction_to_html/debugging_html/fr-w3c.png | Bin 0 -> 65316 bytes .../introduction_to_html/debugging_html/index.html | 36 +++--- .../document_and_website_structure/ecran.png | Bin 0 -> 81086 bytes .../document_and_website_structure/fr-liste.png | Bin 0 -> 45359 bytes .../document_and_website_structure/fr-map.png | Bin 0 -> 69708 bytes .../fr-structure.png | Bin 0 -> 15199 bytes .../document_and_website_structure/fr-tri.png | Bin 0 -> 40530 bytes .../document_and_website_structure/fr_commun.png | Bin 0 -> 28119 bytes .../document_and_website_structure/index.html | 54 ++++----- .../getting_started/attribut-chat-grincheux.png | Bin 0 -> 6159 bytes .../getting_started/chat-grincheuxl.png | Bin 0 -> 5393 bytes .../getting_started/fr-capture-modele.png | Bin 0 -> 16450 bytes .../getting_started/index.html | 112 +++++++++--------- .../html_text_fundamentals/index.html | 41 +++---- .../html_text_fundamentals/recette.png | Bin 0 -> 60698 bytes .../fr/learn/html/introduction_to_html/index.html | 44 +++---- .../marking_up_a_letter/fr-lettre.png | Bin 0 -> 55773 bytes .../marking_up_a_letter/index.html | 24 ++-- .../structuring_a_page_of_content/index.html | 18 +-- .../structuring_a_page_of_content/oiseaux.png | Bin 0 -> 86218 bytes .../the_head_metadata_in_html/fr-bookmarked.png | Bin 0 -> 17322 bytes .../the_head_metadata_in_html/fr-element-title.png | Bin 0 -> 16823 bytes .../the_head_metadata_in_html/fr-google.png | Bin 0 -> 28814 bytes .../the_head_metadata_in_html/fr-library.png | Bin 0 -> 37934 bytes .../the_head_metadata_in_html/fr-meta-iso.png | Bin 0 -> 19271 bytes .../the_head_metadata_in_html/fr-meta-utf8.png | Bin 0 -> 18607 bytes .../the_head_metadata_in_html/index.html | 70 +++++------ .../the_head_metadata_in_html/js-css-exemple.png | Bin 0 -> 28368 bytes 37 files changed, 283 insertions(+), 290 deletions(-) create mode 100644 files/fr/learn/html/introduction_to_html/creating_hyperlinks/accueil.png create mode 100644 files/fr/learn/html/introduction_to_html/creating_hyperlinks/bbc-homepage.png create mode 100644 files/fr/learn/html/introduction_to_html/creating_hyperlinks/dir-struct.png create mode 100644 files/fr/learn/html/introduction_to_html/debugging_html/fr-erreur.png create mode 100644 files/fr/learn/html/introduction_to_html/debugging_html/fr-html-errone.png create mode 100644 files/fr/learn/html/introduction_to_html/debugging_html/fr-inspecteur.png create mode 100644 files/fr/learn/html/introduction_to_html/debugging_html/fr-liste-erreur.png create mode 100644 files/fr/learn/html/introduction_to_html/debugging_html/fr-w3c.png create mode 100644 files/fr/learn/html/introduction_to_html/document_and_website_structure/ecran.png create mode 100644 files/fr/learn/html/introduction_to_html/document_and_website_structure/fr-liste.png create mode 100644 files/fr/learn/html/introduction_to_html/document_and_website_structure/fr-map.png create mode 100644 files/fr/learn/html/introduction_to_html/document_and_website_structure/fr-structure.png create mode 100644 files/fr/learn/html/introduction_to_html/document_and_website_structure/fr-tri.png create mode 100644 files/fr/learn/html/introduction_to_html/document_and_website_structure/fr_commun.png create mode 100644 files/fr/learn/html/introduction_to_html/getting_started/attribut-chat-grincheux.png create mode 100644 files/fr/learn/html/introduction_to_html/getting_started/chat-grincheuxl.png create mode 100644 files/fr/learn/html/introduction_to_html/getting_started/fr-capture-modele.png create mode 100644 files/fr/learn/html/introduction_to_html/html_text_fundamentals/recette.png create mode 100644 files/fr/learn/html/introduction_to_html/marking_up_a_letter/fr-lettre.png create mode 100644 files/fr/learn/html/introduction_to_html/structuring_a_page_of_content/oiseaux.png create mode 100644 files/fr/learn/html/introduction_to_html/the_head_metadata_in_html/fr-bookmarked.png create mode 100644 files/fr/learn/html/introduction_to_html/the_head_metadata_in_html/fr-element-title.png create mode 100644 files/fr/learn/html/introduction_to_html/the_head_metadata_in_html/fr-google.png create mode 100644 files/fr/learn/html/introduction_to_html/the_head_metadata_in_html/fr-library.png create mode 100644 files/fr/learn/html/introduction_to_html/the_head_metadata_in_html/fr-meta-iso.png create mode 100644 files/fr/learn/html/introduction_to_html/the_head_metadata_in_html/fr-meta-utf8.png create mode 100644 files/fr/learn/html/introduction_to_html/the_head_metadata_in_html/js-css-exemple.png (limited to 'files') diff --git a/files/fr/learn/html/introduction_to_html/advanced_text_formatting/index.html b/files/fr/learn/html/introduction_to_html/advanced_text_formatting/index.html index 30a0127dc4..4a6d9d8f3a 100644 --- a/files/fr/learn/html/introduction_to_html/advanced_text_formatting/index.html +++ b/files/fr/learn/html/introduction_to_html/advanced_text_formatting/index.html @@ -13,19 +13,19 @@ tags: - listes descriptives - sémantique translation_of: Learn/HTML/Introduction_to_HTML/Advanced_text_formatting -original_slug: Apprendre/HTML/Introduction_à_HTML/formatage-avance-texte +original_slug: Apprendre/HTML/Introduction_à_HTML/Advanced_text_formatting ---
{{LearnSidebar}}
{{PreviousMenuNext("Apprendre/HTML/Introduction_à_HTML/Creating_hyperlinks", "Apprendre/HTML/Introduction_à_HTML/Document_and_website_structure", "Apprendre/HTML/Introduction_à_HTML")}}
-

Il y a de nombreux autres éléments HTML pour mettre en forme un texte qui n'ont pas été mentionnés dans l'article Les concepts fondamentaux du HTML liés au texte. Les éléments abordés ici sont moins connus mais tout aussi utiles (et ce n'est aucunement une liste complète). Nous voyons ici comment marquer des citations, des listes de description, du code informatique et autres choses relatives au texte : indices et exposants, informations de contact, etc.

+

Il y a de nombreux autres éléments HTML pour mettre en forme un texte qui n'ont pas été mentionnés dans l'article Les concepts fondamentaux du HTML liés au texte. Les éléments abordés ici sont moins connus mais tout aussi utiles (et ce n'est aucunement une liste complète). Nous voyons ici comment marquer des citations, des listes de description, du code informatique et autres choses relatives au texte : indices et exposants, informations de contact, etc.

- + @@ -36,7 +36,7 @@ original_slug: Apprendre/HTML/Introduction_à_HTML/formatage-avance-texte

Listes descriptives

-

Dans les bases du texte en HTML, nous avons exposé comment on pouvait baliser des listes simples en HTML, mais sans mentionner le troisième type de liste que vous rencontrerez à l'occasion — les listes descriptives. L'objectif de ces listes est de marquer une série d'éléments et leurs descriptions associées, comme termes et définition, ou bien questions et réponse. Voici l'exemple d'un ensemble de termes et leur définitions :

+

Dans les bases du texte en HTML, nous avons exposé comment on pouvait baliser des listes simples en HTML, mais sans mentionner le troisième type de liste que vous rencontrerez à l'occasion — les listes descriptives. L'objectif de ces listes est de marquer une série d'éléments et leurs descriptions associées, comme termes et définition, ou bien questions et réponse. Voici l'exemple d'un ensemble de termes et leur définitions :

soliloque
 Dans une pièce de théâtre, action d'un acteur adressant à lui-même ses pensées ou sentiments intimes et, de la sorte, les faisant partager à son auditoire (mais pas aux autres personnages de la pièce).
@@ -224,14 +224,14 @@ de citation</em>) indique que le bloc de texte inclus est une citation ét
 
 
Pour le changer en bloc de citation, on ferait simplement ceci :

 
-
<blockquote cite="https://developer.mozilla.org/fr/docs/Web/HTML/Element/blockquote">
+
<blockquote cite="/fr/docs/Web/HTML/Element/blockquote">
   <p>L'<strong>Élément HTML <code>&lt;blockquote&gt;</code></strong> (ou <em>Élément HTML bloc de citation</em>)
      indique que le bloc de texte inclus est une citation étendue.</p>
 </blockquote>

 
 
Le navigateur l'affichera par défaut sous forme d'un paragraphe indenté, avec l'indication qu'il s'agit d'une citation ; MDN agit de même et y ajoute un style personnalisé :

 
-

+

 
L'Élément HTML <blockquote> (ou Élément HTML bloc de citation) indique que le bloc de texte inclus est une citation étendue.

 

 
@@ -239,27 +239,27 @@ de citation</em>) indique que le bloc de texte inclus est une citation ét
 
 
Les citations en ligne fonctionnent exactement de la même manière, sauf que l'on utilise l'élément {{htmlelement("q")}}. Par exemple, le balisage suivant contient une citation de la page MDN <q> :

 
-
<p>L'élément citation — <code>&lt;q&gt;</code> — est <q cite="https://developer.mozilla.org/fr/docs/Web/HTML/Element/q">prévu
+
<p>L'élément citation — <code>&lt;q&gt;</code> — est <q cite="/fr/docs/Web/HTML/Element/q">prévu
 pour de courtes citations ne nécessitant pas un nouvel alinéa</q>.</p>

 
 
Le navigateur l'affichera par défaut comme du texte normal entre guillemets pour indiquer une citation, comme ceci :

 
-
L'élément citation — <q> — est prévu pour de courtes citations ne nécessitant pas un nouvel alinéa.

+
L'élément citation — <q> — est prévu pour de courtes citations ne nécessitant pas un nouvel alinéa.

 
 
Citations

 
-
Le contenu de l'attribut {{htmlattrxref("cite","blockquote")}} semble utile, malheureusement les navigateurs, lecteurs d'écran, etc. n'en font pas grand chose. Il n'y a pas possibilité de faire afficher différemment au navigateur le contenu d'un  cite sans utiliser votre propre JavaScript ou style CSS. Si vous souhaitez rendre disponible la source de la citation sur votre page, la meilleure façon de le faire est d'inclure l'élément {{htmlelement("cite")}} à coté de l'élément citation. Cet élément est vraiment destiné à contenir le nom de la source de la citation — c'est-à-dire le nom du livre ou de la personne auteur de la citation — mais il n'y a aucune raison pour laquelle vous n'avez pas pu lier le texte à l'intérieur de <cite> à la source de la citation d'une manière ou d'une autre :

+
Le contenu de l'attribut {{htmlattrxref("cite","blockquote")}} semble utile, malheureusement les navigateurs, lecteurs d'écran, etc. n'en font pas grand chose. Il n'y a pas possibilité de faire afficher différemment au navigateur le contenu d'un cite sans utiliser votre propre JavaScript ou style CSS. Si vous souhaitez rendre disponible la source de la citation sur votre page, la meilleure façon de le faire est d'inclure l'élément {{htmlelement("cite")}} à coté de l'élément citation. Cet élément est vraiment destiné à contenir le nom de la source de la citation — c'est-à-dire le nom du livre ou de la personne auteur de la citation — mais il n'y a aucune raison pour laquelle vous n'avez pas pu lier le texte à l'intérieur de <cite> à la source de la citation d'une manière ou d'une autre :

 
-
<p>Selon la <a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/blockquote">
+
<p>Selon la <a href="/fr/docs/Web/HTML/Element/blockquote">
 <cite>page blockquote du MDN</cite></a>:
 </p>
 
 <p>L'<strong>Élément HTML <code>&lt;blockquote&gt;</code></strong> (ou <em>Élément HTML bloc de citation</em>)
    indique que le bloc de texte inclus est une citation étendue.</p>
 
-<p>L'élément citation — <code>&lt;q&gt;</code> — est <q cite="https://developer.mozilla.org/fr/docs/Web/HTML/Element/q">prévu
+<p>L'élément citation — <code>&lt;q&gt;</code> — est <q cite="/fr/docs/Web/HTML/Element/q">prévu
    pour de courtes citations ne nécessitant pas un nouvel alinéa</q>.</p>
- — <a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/q">
+ — <a href="/fr/docs/Web/HTML/Element/q">
 <cite>page q du MDN</cite></a>.</p>

 
 
Les citations sont affichées avec un police italique par défaut. Vous pouvez voir l'affichage de ce code dans l'exemple quotations.html.

@@ -561,7 +561,7 @@ textarea.onkeyup = function(){
   <p>Chris Mills, Manchester, The Grim North, UK</p>
 </address>

 
-
Une chose à retenir cependant : l'élément {{htmlelement("address")}} est destiné à marquer les coordonnées de la personne ayant écrit le document HTML et non pas n'importe quelle adresse. Donc, ce qui précède ne serait acceptable que si Chris avait écrit le document sur lequel ce balisage apparaît. Notez que serait également acceptable ce qui suit :

+
Une chose à retenir cependant : l'élément {{htmlelement("address")}} est destiné à marquer les coordonnées de la personne ayant écrit le document HTML et non pas n'importe quelle adresse. Donc, ce qui précède ne serait acceptable que si Chris avait écrit le document sur lequel ce balisage apparaît. Notez que serait également acceptable ce qui suit :

 
 
<address>
   <p>Page écrite par <a href="../authors/chris-mills/">Chris Mills</a>.</p>
@@ -589,7 +589,7 @@ textarea.onkeyup = function(){
 
 
    
  
  • {{htmlelement("code")}} : pour marquer des parties génériques de code.
    • 
- 
  • {{htmlelement("pre")}} : pour conserver les blancs (généralement dans les blocs de code) — si vous indentez ou mettez des blancs en excès  dans votre texte, les navigateurs les ignoreront et vous ne les verrez plus dans le rendu de la page. Par contre si vous enveloppez le texte dans des balises <pre></pre>, les blancs seront rendus tels qu'il se présentent dans votre éditeur de texte.
    • 
+ 
  • {{htmlelement("pre")}} : pour conserver les blancs (généralement dans les blocs de code) — si vous indentez ou mettez des blancs en excès dans votre texte, les navigateurs les ignoreront et vous ne les verrez plus dans le rendu de la page. Par contre si vous enveloppez le texte dans des balises <pre></pre>, les blancs seront rendus tels qu'il se présentent dans votre éditeur de texte.
    • 
  
  • {{htmlelement("var")}} : pour marquer spécifiquement les noms de variables.
    • 
  
  • {{htmlelement("kbd")}} : pour marquer les touches de clavier (et autres types d'entrées) à presser sur l'ordinateur.
    • 
  
  • {{htmlelement("samp")}} : pour marquer une sortie de programme.
    • 
@@ -664,7 +664,7 @@ para.onclick = function() {
 
 
 
-
    Nous voici arrivés à la fin de notre étude de la sémantique des textes en HTML. N'oubliez pas que ce qui précède ne constitue pas la liste exhaustive des éléments texte en HTML — nous avons essayé de couvrir essentiellement les plus courants dans la nature ou du moins ceux que nous avons pensé intéressants. Pour en voir plus, jetez un coup d'oeil à notre Référence des éléments HTML (la section sémantique de texte en ligne serait un bon point de départ.) Dans l'article suivant, nous examinerons les éléments HTML à utiliser pour structurer les diverses parties d'un document HTML.
    
+
    Nous voici arrivés à la fin de notre étude de la sémantique des textes en HTML. N'oubliez pas que ce qui précède ne constitue pas la liste exhaustive des éléments texte en HTML — nous avons essayé de couvrir essentiellement les plus courants dans la nature ou du moins ceux que nous avons pensé intéressants. Pour en voir plus, jetez un coup d'oeil à notre Référence des éléments HTML (la section sémantique de texte en ligne serait un bon point de départ.) Dans l'article suivant, nous examinerons les éléments HTML à utiliser pour structurer les diverses parties d'un document HTML.
    
 
 
    {{PreviousMenuNext("Apprendre/HTML/Introduction_à_HTML/Creating_hyperlinks", "Apprendre/HTML/Introduction_à_HTML/Document_and_website_structure", "Apprendre/HTML/Introduction_à_HTML")}}
    
 
@@ -672,12 +672,12 @@ para.onclick = function() {
 
 
diff --git a/files/fr/learn/html/introduction_to_html/creating_hyperlinks/accueil.png b/files/fr/learn/html/introduction_to_html/creating_hyperlinks/accueil.png
new file mode 100644
index 0000000000..ee70723c6b
Binary files /dev/null and b/files/fr/learn/html/introduction_to_html/creating_hyperlinks/accueil.png differ
diff --git a/files/fr/learn/html/introduction_to_html/creating_hyperlinks/bbc-homepage.png b/files/fr/learn/html/introduction_to_html/creating_hyperlinks/bbc-homepage.png
new file mode 100644
index 0000000000..1611410da1
Binary files /dev/null and b/files/fr/learn/html/introduction_to_html/creating_hyperlinks/bbc-homepage.png differ
diff --git a/files/fr/learn/html/introduction_to_html/creating_hyperlinks/dir-struct.png b/files/fr/learn/html/introduction_to_html/creating_hyperlinks/dir-struct.png
new file mode 100644
index 0000000000..3319bd4a51
Binary files /dev/null and b/files/fr/learn/html/introduction_to_html/creating_hyperlinks/dir-struct.png differ
diff --git a/files/fr/learn/html/introduction_to_html/creating_hyperlinks/index.html b/files/fr/learn/html/introduction_to_html/creating_hyperlinks/index.html
index 313f7c4061..95ce137c9b 100644
--- a/files/fr/learn/html/introduction_to_html/creating_hyperlinks/index.html
+++ b/files/fr/learn/html/introduction_to_html/creating_hyperlinks/index.html
@@ -17,26 +17,26 @@ translation_of: Learn/HTML/Introduction_to_HTML/Creating_hyperlinks
 original_slug: Apprendre/HTML/Introduction_à_HTML/Creating_hyperlinks
 ---
 
    {{LearnSidebar}}
    
-{{PreviousMenuNext("Apprendre/HTML/Introduction_à_HTML/HTML_text_fundamentals", "Apprendre/HTML/Introduction_à_HTML/formatage-avance-texte", "Apprendre/HTML/Introduction_à_HTML")}}
    
+{{PreviousMenuNext("Apprendre/HTML/Introduction_à_HTML/HTML_text_fundamentals", "Apprendre/HTML/Introduction_à_HTML/Advanced_text_formatting", "Apprendre/HTML/Introduction_à_HTML")}}
 
 
    Les Hyperliens sont vraiment importants, ils sont ce qui fait du Web une toile. Cet article montre la syntaxe requise pour faire un lien et discute des bonnes pratiques pour les liens.
Prérequis :Être familiarisé avec les bases du HTML, traitées à la page Commencer avec le HTML et du formatage de texte HTML, décrit dans les Fondamentaux du texte HTML.Être familiarisé avec les bases du HTML, traitées à la page Commencer avec le HTML et du formatage de texte HTML, décrit dans les Fondamentaux du texte HTML.
Objectifs :
- - + + - +
Prérequis :Être familiarisé avec les bases du HTML, traitées à la page Commencer avec le HTML et du formatage de texte HTML, décrit dans les Fondamentaux du texte HTML.Prérequis :Être familiarisé avec les bases du HTML, traitées à la page Commencer avec le HTML et du formatage de texte HTML, décrit dans les Fondamentaux du texte HTML.
Objectif :Objectif : Apprendre à implémenter un hyperlien efficacement, et à relier de multiples fichiers ensemble.
-

Qu'est-ce un hyperlien ?

+

Qu'est-ce un hyperlien ?

-

Les hyperliens sont l'une des plus passionnantes innovations que le web a à offrir. De fait, ils ont été une fonctionnalité du Web depuis le tout début, mais ils sont ce qui fait du Web une toile — ils nous permettent de lier nos documents à n'importe quel autre document (ou autre ressource) voulu ; nous pouvons faire des liens vers des parties précises de documents et rendre des applications disponibles à une simple adresse web (contrairement aux applications natives, qui doivent être installées et tout le travail). À peu près tout contenu web peut être converti en lien, de sorte que cliqué (ou activé autrement), il dirigera le navigateur vers une autre adresse web ({{glossary("URL")}}).

+

Les hyperliens sont l'une des plus passionnantes innovations que le web a à offrir. De fait, ils ont été une fonctionnalité du Web depuis le tout début, mais ils sont ce qui fait du Web une toile — ils nous permettent de lier nos documents à n'importe quel autre document (ou autre ressource) voulu ; nous pouvons faire des liens vers des parties précises de documents et rendre des applications disponibles à une simple adresse web (contrairement aux applications natives, qui doivent être installées et tout le travail). À peu près tout contenu web peut être converti en lien, de sorte que cliqué (ou activé autrement), il dirigera le navigateur vers une autre adresse web ({{glossary("URL")}}).

Note : Une URL peut pointer vers des fichiers HTML, des fichiers textes, des images, des documents textuels, des fichiers vidéo ou audio et tout ce qui peut exister sur le Web. Si le navigateur Web ne sait pas comment afficher ou gérer un fichier, il vous demande si vous voulez ouvrir le fichier (dans ce cas, la responsabilité de l'ouverture et de la gestion du fichier incombe à l'application native adéquate sur l'appareil) ou bien télécharger le fichier (auquel cas, vous pouvez essayer de vous en occuper plus tard).

@@ -44,7 +44,7 @@ original_slug: Apprendre/HTML/Introduction_à_HTML/Creating_hyperlinks

La page d'accueil de la BBC, par exemple, contient un nombre important de liens pour pointer, non seulement vers de multiples articles d'actualité, mais encore vers d'autres zones du site (fonctionnalité de navigation) , des pages d'inscription/de connexion (outils utilisateur) et plus encore.

-

frontpage of bbc.co.uk, showing many news items, and navigation menu functionality

+

frontpage of bbc.co.uk, showing many news items, and navigation menu functionality

Anatomie d'un lien

@@ -54,13 +54,13 @@ original_slug: Apprendre/HTML/Introduction_à_HTML/Creating_hyperlinks <a href="https://www.mozilla.org/fr/">la page d'accueil Mozilla</a>. </p> -

qui donne le résultat suivant :

+

qui donne le résultat suivant :

Je suis en train de créer un lien à la page d'accueil de Mozilla.

Ajouter des informations d'assistance avec l'attribut title

-

L'autre attribut qu'il est possible d'ajouter à un lien est title ; il est destiné à contenir des informations utiles supplémentaires à propos du lien, comme le type d'informations contenes dans la page ou ce qu'il faut savoir. Par exemple :

+

L'autre attribut qu'il est possible d'ajouter à un lien est title ; il est destiné à contenir des informations utiles supplémentaires à propos du lien, comme le type d'informations contenes dans la page ou ce qu'il faut savoir. Par exemple :

<p>Je suis en train de créer un lien à
 <a href="https://www.mozilla.org/fr/"
@@ -68,7 +68,7 @@ original_slug: Apprendre/HTML/Introduction_à_HTML/Creating_hyperlinks
   mission de Mozilla et la manière de contribuer">la page d'accueil Mozilla</a>.
 </p>
-

Voici le résultat (le contenu de title apparaît dans une info-bulle quand le pointeur de souris passe sur le lien) :

+

Voici le résultat (le contenu de title apparaît dans une info-bulle quand le pointeur de souris passe sur le lien) :

Je suis en train de créer un lien vers la page d'accueil de Mozilla

@@ -76,9 +76,9 @@ original_slug: Apprendre/HTML/Introduction_à_HTML/Creating_hyperlinks

Note : le title d'un lien n'est révélé que lors du survol de la souris, ce qui signifie que les personnes utilisant les commandes clavier pour naviguer dans les pages web auront des difficultés à accéder aux informations de title. Si une information de title est vraiment importante pour l'utilisation d'une page, alors vous devez la présenter de manière accessible à tout utilisateur, par exemple, en la mettant dans le texte normal.

-

Apprentissage actif : création de votre propre exemple de lien

+

Apprentissage actif : création de votre propre exemple de lien

-

C'est l'heure de l'apprentissage actif : veuillez créer un document HTML avec un éditeur de code local (notre fichier modèle index.html fera parfaitement l'affaire).

+

C'est l'heure de l'apprentissage actif : veuillez créer un document HTML avec un éditeur de code local (notre fichier modèle index.html fera parfaitement l'affaire).