Principes et mise en œuvre des ancres nommées
Objectifs
Les principaux objectifs de cette vidéo sont :
1. Apprendre à créer des liens internes dans une page web.
2. Utiliser des ancres nommées pour faciliter la navigation.
3. Centrer le contenu à l'aide de CSS.
Résumé
Découvrez comment réaliser des liens internes, également appelés encres, pour faciliter les déplacements dans une page web.
Description
Dans cette leçon, nous vous montrons comment créer des liens internes dans une page web. Cette technique permet de faciliter la navigation en évitant à l'utilisateur de faire défiler longuement la page. Nous commençons par placer des images avec des vues agrandies au bas de la page. À partir de chaque image miniature, un clic permet de naviguer directement vers l'image en pleine taille grâce à une ancre nommée.
Puis, nous expliquons comment centrer les contenus en utilisant des règles de style CSS, et comment créer les ancres nommées pour chaque lien interne. Nous verrons également comment supprimer les bordures qui apparaissent autour des images liées.
Enfin, nous ajouterons un texte sous chaque image qui permet de revenir facilement en haut de la page en cliquant dessus, renforçant ainsi l'accessibilité et l'expérience utilisateur.
Questions - réponses
<a id="section1"></a>
, et créez un lien vers cette ancre avec <a href="#section1">Aller à la section 1</a>
.