Étape 5: HTML Images
Ce qui est une page Web sans images?? Maintenant, nous allons insérer quelques nouvelles balises et jazzez notre page avec des images!! Yay !
< img src = « Insérez ici l’url de l’image! » alt = « Insérez ici l’url de l’image! » width = « 203 »
Bon maintenant pour expliquer !
< img src = "" > est la source d'où vous obtenir l’image. Dire que je voulais une photo d’un chien. Je mettrais l’url de l’image, donc comme ceci :
< img src = "
" >
Qui insère la photo du chien dans ma page Web. Vous pouvez voir le chien dans la région d’images !
< img src = "" alt = "" >
< alt = "" > n’est pas nécessaire dans une page Web, mais si quelqu'un ne peut pas voir l’image, l’alt vous expliquera l’image. Aussi pour les personnes aveugles qui ont un système informatique qui lit la page pour eux, le système indiquera l’alt pour expliquer l’image.
Donc :
< img src = "
" alt = "Chien mignon avec des yeux gros, globuleux, bruns" >
Maintenant pour le
< largeur = « 230 » >
Il s’agit d’une pièce très simple. Cette balise est tout simplement redimensionné l’image. Ainsi, la largeur serait désormais 230 pixels !
Voici donc notre tag complet :
< img src = "
alt ="Chien mignon avec des yeux gros, globuleux, bruns"width ="230">
Yay!!