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
course content

Contenu du cours

HTML Ultime

HTML Ultime

1. Compréhension du Développement Web
Bienvenue dans le HTML et le Développement WebQu'est-ce qu'Internet ?Comment Fonctionne Internet ?Comprendre le Fonctionnement des Sites WebExplication du Développement Frontend et Backend
2. Balises et Attributs HTML
Compréhension des Balises HTMLTravail Avec les Attributs HTMLCompréhension des Balises Paires et Simples en HTMLBalisage et Mise en Forme du Texte en HTMLDéfi : Créer le Paragraphe de Votre Première Page WebDéfi : Créer une Page Web de Présentation PersonnelleDéfi : Concevoir une Page Web de Présentation de FilmsUtilisation des Liens et des Boutons en HTMLDéfi : Créer des Liens vers des Sites Web PopulairesValidation de Votre Code HTML Selon les Meilleures Pratiques
3. Structure d'un Document HTML
Les Secrets des Pages Web Bien StructuréesCompréhension de la Structure d'un Document HTMLLe Rôle de l'En-Tête du DocumentGestion du Flux et de la Mise en Page du DocumentDéfi : Structurer Correctement un Document HTMLUtilisation des Outils de Développement pour l’Inspection et le Débogage HTML
4. Travail avec les Médias et les Tableaux
Ajout d’Images en HTMLDéfi : Travailler Avec des ImagesTravail avec des Images Cliquables, des Légendes et l’OptimisationCompréhension des Graphiques Vectoriels et MatricielsIntégration de l'Audio et de la Vidéo pour un Contenu Multimédia EnrichiDéfi : Intégrer de l'audio et de la vidéo en HTMLCréation et Structuration de Tableaux en HTMLDéfi : Concevoir un Tableau HTML Fonctionnel
5. Formulaires HTML et Saisie Utilisateur
Introduction aux Formulaires HTMLFondamentaux de la Création de Formulaires en HTMLUtilisation des labels pour une meilleure accessibilité des formulairesAmélioration des Formulaires avec des Attributs d'EntréeExploration des Différents Types de Champs de Saisie en HTMLDéfi : Créer un Formulaire avec des Champs et des ÉtiquettesUtilisation de l’élément Textarea pour la Saisie MultiligneUtilisation de l’élément Select pour les Menus DéroulantsUtilisation de l’Élément Datalist pour des Suggestions de Saisie PrédéfiniesRegroupement des éléments de formulaire pour une meilleure structure

book
Défi : Créer des Liens vers des Sites Web Populaires

Objectif

Créer une page web attrayante présentant une liste non ordonnée (<ul>) contenant 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 sans effort.

Tâche

Utiliser les éléments suivants pour offrir une expérience de découverte web stimulante :

  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 ainsi que 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

copy
  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 à l’aide de l’attribut href.
  4. Pour ouvrir les liens dans de nouveaux onglets, inclure l’attribut target="_blank" dans la balise a.
index.html

index.html

copy
Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 9

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

course content

Contenu du cours

HTML Ultime

HTML Ultime

1. Compréhension du Développement Web
Bienvenue dans le HTML et le Développement WebQu'est-ce qu'Internet ?Comment Fonctionne Internet ?Comprendre le Fonctionnement des Sites WebExplication du Développement Frontend et Backend
2. Balises et Attributs HTML
Compréhension des Balises HTMLTravail Avec les Attributs HTMLCompréhension des Balises Paires et Simples en HTMLBalisage et Mise en Forme du Texte en HTMLDéfi : Créer le Paragraphe de Votre Première Page WebDéfi : Créer une Page Web de Présentation PersonnelleDéfi : Concevoir une Page Web de Présentation de FilmsUtilisation des Liens et des Boutons en HTMLDéfi : Créer des Liens vers des Sites Web PopulairesValidation de Votre Code HTML Selon les Meilleures Pratiques
3. Structure d'un Document HTML
Les Secrets des Pages Web Bien StructuréesCompréhension de la Structure d'un Document HTMLLe Rôle de l'En-Tête du DocumentGestion du Flux et de la Mise en Page du DocumentDéfi : Structurer Correctement un Document HTMLUtilisation des Outils de Développement pour l’Inspection et le Débogage HTML
4. Travail avec les Médias et les Tableaux
Ajout d’Images en HTMLDéfi : Travailler Avec des ImagesTravail avec des Images Cliquables, des Légendes et l’OptimisationCompréhension des Graphiques Vectoriels et MatricielsIntégration de l'Audio et de la Vidéo pour un Contenu Multimédia EnrichiDéfi : Intégrer de l'audio et de la vidéo en HTMLCréation et Structuration de Tableaux en HTMLDéfi : Concevoir un Tableau HTML Fonctionnel
5. Formulaires HTML et Saisie Utilisateur
Introduction aux Formulaires HTMLFondamentaux de la Création de Formulaires en HTMLUtilisation des labels pour une meilleure accessibilité des formulairesAmélioration des Formulaires avec des Attributs d'EntréeExploration des Différents Types de Champs de Saisie en HTMLDéfi : Créer un Formulaire avec des Champs et des ÉtiquettesUtilisation de l’élément Textarea pour la Saisie MultiligneUtilisation de l’élément Select pour les Menus DéroulantsUtilisation de l’Élément Datalist pour des Suggestions de Saisie PrédéfiniesRegroupement des éléments de formulaire pour une meilleure structure

book
Défi : Créer des Liens vers des Sites Web Populaires

Objectif

Créer une page web attrayante présentant une liste non ordonnée (<ul>) contenant 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 sans effort.

Tâche

Utiliser les éléments suivants pour offrir une expérience de découverte web stimulante :

  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 ainsi que 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

copy
  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 à l’aide de l’attribut href.
  4. Pour ouvrir les liens dans de nouveaux onglets, inclure l’attribut target="_blank" dans la balise a.
index.html

index.html

copy
Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 9
some-alt