Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Défi : Créer des liens vers des sites Web populaires | Balises et Attributs HTML
HTML Ultime

Défi : Créer des liens vers des sites Web populaires

Glissez pour afficher le menu

Objectif

Créer une page web attrayante présentant une liste non ordonnée (<ul>) avec des liens (<a>) vers trois sites web populaires. L'astuce consiste à faire en sorte que ces liens s'ouvrent dans de nouveaux onglets lorsqu'ils sont cliqués, améliorant ainsi l'expérience utilisateur et leur permettant d'explorer chaque destination en toute simplicité.

Consigne

Utiliser les éléments suivants pour créer une expérience de découverte web captivante :

  1. Créer une liste non ordonnée comportant trois éléments à l'aide de l'élément <ul>.
  2. Chaque élément de la liste doit contenir un lien (<a>) vers un site web populaire et son nom.
  3. La liste doit contenir les éléments suivants :
    • "Apple" - Lien vers le site d'Apple : https://www.apple.com/ ;
    • "Amazon" - Lien vers le site d'Amazon : https://www.amazon.com/ ;
    • "Netflix" - Lien vers le site de Netflix : https://www.netflix.com/.
index.html

index.html

Indice
expand arrow
  1. Utiliser la balise <ul> pour créer une liste non ordonnée ;
  2. Utiliser la balise <li> pour créer des éléments de liste pour chaque lien de site web ;
  3. Utiliser la balise <a> pour créer des liens et spécifier l’URL du site web avec l’attribut href ;
  4. Pour ouvrir les liens dans de nouveaux onglets, inclure l’attribut target="_blank" dans la balise <a>.
Solution
expand arrow
<ul>
  <li>
    <a href="https://www.apple.com/" target="_blank">Apple</a>
  </li>
  <li>
    <a href="https://www.amazon.com/" target="_blank">Amazon</a>
  </li>
  <li>
    <a href="https://www.netflix.com/" target="_blank">Netflix</a>
  </li>
</ul>
Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 11

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Section 2. Chapitre 11
some-alt