Dans le cours : HTML : Les images responsive
Accédez au cours complet aujourd’hui
Inscrivez-vous aujourd’hui pour accéder à plus de 23 100 cours dispensés par des experts.
Différencier les chemins relatifs au document et relatifs à la racine du site - Tutoriel HTML
Dans le cours : HTML : Les images responsive
Différencier les chemins relatifs au document et relatifs à la racine du site
Pour le moment, notre page HTML et notre image se trouvent dans le même dossier. Oui, mais voilà. Au fur et à mesure que nous progresserons dans le développement de notre site, on aura besoin de plus en plus de fichiers de différents types. On aura des pages HTML, des images, des feuilles de style, etc. On va donc prendre grand soin d'organiser tout cela. Je vais créer, dans mon site, un nouveau dossier, que je vais appeler Image, et je vais glisser mon image dans ce dossier. Donc, je déplace cette image ici, à l'intérieur de ce dossier. Voilà qui est fait. Résultat des courses, eh bien, au niveau de mon navigateur, j'ai un problème. Il y a un bug dans ma page. Mon image n'apparaît plus, ou plutôt elle a été remplacée par cette petite icône, ici, au début du premier paragraphe ; icône que vous avez déjà probablement rencontrée sur de nombreux sites. Alors, que se passe-t-il ? Eh bien, une image, c'est du contenu remplacé. Ça veut dire que ce contenu n'est pas directement défini…
Entraînez-vous tout en suivant la formation avec les fichiers d’exercice.
Téléchargez les fichiers utilisés par l’instructeur pour enseigner le cours. Suivez attentivement et apprenez en regardant, en écoutant et en vous entraînant.
Table des matières
-
-
-
-
(Verrouillé)
Utiliser la balise <img> et l'attribut SRC4 m 59 s
-
(Verrouillé)
Différencier les chemins relatifs au document et relatifs à la racine du site5 m 58 s
-
(Verrouillé)
Rendre les images accessibles avec les attributs alt et title.3 m 49 s
-
(Verrouillé)
Changer la taille des images avec les attributs Height et Width5 m 48 s
-
(Verrouillé)
Optimiser la taille des images5 m 30 s
-
(Verrouillé)
Comprendre et utiliser le Lazy Loading3 m 22 s
-
(Verrouillé)
Utiliser les balises <figure> et <figcaption>3 m 42 s
-
(Verrouillé)
-
-
-
-