Django - 2.5 Liens et images en HTML avec a et img
Un lien permet d'aller d'une page à une autre, ou vers un autre bloc de la même page. Une image s'affiche avec la balise img. Dans cette leçon, nous créons un lien vers Google, nous affichons une image rangée dans un dossier, puis nous changeons la couleur de fond.
Créer un lien avec la balise a
Un lien s'écrit avec la balise a. Le texte placé entre les balises est cliquable. L'attribut href indique l'adresse vers laquelle le lien mène.
Dans la vidéo, le lien mène au site de Google. Après actualisation, un clic sur le lien ouvre bien cette page.
<a href="http://www.google.com">Lien</a>Afficher une image avec la balise img
La balise img affiche une image. L'attribut src indique l'emplacement du fichier. La vidéo range l'image dans un dossier img, à côté de la page.
Le chemin commence par le nom du dossier, suivi d'une barre oblique, du nom de l'image et de son extension. Vous pouvez placer plusieurs images, selon vos besoins.
<img src="img/<nom-de-l-image>.<extension>">Modifier la couleur de fond
La vidéo ajoute ensuite une couleur de fond à la page, avec la propriété background-color. Après enregistrement et actualisation, la nouvelle couleur s'affiche dans le navigateur.
En résumé
La balise a crée un lien cliquable grâce à href. La balise img affiche une image grâce à src, avec le chemin vers le fichier. Ces deux balises sont à la base de la plupart des pages web.
Points clés
- La balise a crée un lien, et l'attribut href indique sa destination.
- La balise img affiche une image, et l'attribut src indique son chemin.
- Le chemin d'une image part du dossier où elle est rangée.
- On peut utiliser plusieurs images dans une même page.
- La propriété background-color change la couleur de fond.
Questions fréquentes
Que fait l'attribut href ?
Il indique l'adresse vers laquelle le lien mène quand on clique dessus.
Comment indiquer le chemin d'une image ?
Écrivez le nom du dossier, une barre oblique, puis le nom du fichier avec son extension, par exemple img suivi du fichier.
Peut-on afficher plusieurs images ?
Oui. La vidéo précise que vous pouvez en mettre plusieurs, selon vos besoins.