Dans cet espace, nous voyons comment insérer une image sur notre page web.
Souvenez-vous qu’au début du cours, dans la leçon consacrée à l’organisation du site, je vous conseillais d’insérer dans le dossier principal du site un dossier nommé images ? Très bien, il va vous être utile maintenant ! La première chose à faire est de choisir l’image que nous allons insérer sur notre page et, une fois choisie, de l’insérer, par copier-coller, dans le dossier images du site. Choisissez-en une quelconque. Voyons maintenant le système d’insertion de cette image, ou de votre image, via Html :
<img src="immagini/stones.gif">
Passons maintenant aux commentaires. La balise img signifie, justement, image et s’écrit sous forme abrégée. Associée à src qui veut dire source o source indique précisément au navigateur où se trouve l’image.
La commande est suivie par le chemin qui amènera le navigateur à chercher, trouver et afficher l’image stones.gif. La balise img n’a pas besoin de balise de fermeture ! Analysons attentivement le chemin : « images/stones.gif » Images est le dossier images créé précédemment, qui contient l’image à afficher.
La barre oblique / sert précisément à indiquer qu’il s’agit d’un chemin. Enfin, il y a l’image à afficher, stones.gif. Quand nous étudierons les leçons dédiées aux liens, nous verrons comment charger une image directement depuis le web, sans l’insérer dans aucun dossier du site.
Pubblicato in HTML & CSS
Soyez le premier à commenter