CATALOGUE Code & Data Formation Web App Créer une Web App - Vos sites Web sur mobiles

Apprendre à créer une liste fractionnée en HTML

Retour à la formation
Chapitre 10 Leçon 17
Précédent
Suivant

Cette leçon vous montre comment créer une liste fractionnée en HTML en ajoutant des liens multiples pour chaque élément. Vous apprendrez les étapes nécessaires et les modifications à apporter au code existant.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous allons explorer la création d'une liste fractionnée en HTML. Une liste fractionnée est une liste qui comporte deux parties, chaque partie ayant des liens distincts. Cela permet de fournir des informations supplémentaires ou des options alternatives pour chaque élément de la liste.

Nous commencerons par reprendre une liste que nous avons créée précédemment et apporterons les modifications nécessaires pour inclure un deuxième lien pour chaque élément. Ce lien supplémentaire peut contenir des informations supplémentaires utiles ou d'autres données pertinentes pour l'utilisateur.

La mise en place est simple : il suffit de placer deux liens côte à côte pour chaque élément de la liste. Nous verrons aussi comment personnaliser l'icône par défaut du lien d'information pour une meilleure présentation visuelle.

Cette méthode est particulièrement utile lorsque vous avez besoin de fournir plus d'options à l'utilisateur sans alourdir l'interface utilisateur de votre site web.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de :

  • Apprendre à créer une liste fractionnée en HTML.
  • Savoir comment ajouter des liens multiples à chaque élément de la liste.
  • Comprendre la personnalisation des icônes pour améliorer la présentation visuelle.

Prérequis pour cette leçon

Pour suivre cette vidéo, vous devez :

  • Avoir des notions de base en HTML.
  • Connaître les principes de structuration de contenu web.
  • Avoir accès à un éditeur de texte pour tester les exemples de code.

Métiers concernés

Les connaissances acquises dans cette vidéo peuvent être appliquées aux métiers suivants :

  • Développeur Web Front-End
  • Concepteur UX/UI
  • Intégrateur Web
  • Chef de projet digital

Alternatives et ressources

Des alternatives à cette approche peuvent inclure :

  • L'utilisation de JavaScript pour créer des listes dynamiques.
  • Le recours à des frameworks CSS comme Bootstrap pour des solutions de design prédéfinies.
  • L'utilisation de CMS (Content Management Systems) qui offrent des fonctionnalités de liste avancées.

Questions & Réponses

Une liste fractionnée en HTML est une liste comportant deux parties avec des liens distincts, souvent utilisée pour fournir des informations supplémentaires ou des options alternatives pour chaque élément de la liste.
L'utilisation de liens multiples dans une liste permet de fournir des informations supplémentaires ou des options alternatives pour chaque élément, ce qui enrichit l'expérience utilisateur et offre plus de flexibilité.
Pour personnaliser l'icône d'un lien en HTML, vous pouvez utiliser l'attribut data-icon dans la balise href et spécifier l'icône souhaitée. Cela permet de remplacer l'icône par défaut par une icône personnalisée.