Leçons de niveau 14

Hypertext Markup Language/Images

Une page de Wikiversité.
Sauter à la navigation Sauter à la recherche
Début de la boite de navigation du chapitre
Images
Icône de la faculté
Chapitre no 7
Leçon : Hypertext Markup Language
Chap. préc. :Éléments de présentation
Chap. suiv. :Tableaux
fin de la boite de navigation du chapitre
Icon falscher Titel.svg
En raison de limitations techniques, la typographie souhaitable du titre, « Hypertext Markup Language : Images
Hypertext Markup Language/Images
 », n'a pu être restituée correctement ci-dessus.

La base[modifier | modifier le wikicode]

On insère une image dans une page HTML en utilisant la balise <IMG>. Cette balise possède plusieurs attributs :

  • NAME: Nom de l'image (utile en javascript)
  • SRC: l'adresse (qu'elle soit relative ou absolue) de l'image
  • WIDTH: la largeur en pixel ou en pourcentage
  • HEIGHT: la hauteur en pixel ou en pourcentage
  • BORDER: son éventuelle bordure en pixel (souvent 2 par défaut, sans bordure=0)
  • ALT: équivalent textuel de l'information véhiculée par l'image. s'affiche si l'image ne peut pas être chargée.
  • ALIGN: alignement de l'image par rapport au texte. Valeurs généralement utilisées : LEFT|RIGHT|TOP|BOTTOM

Exemple[modifier | modifier le wikicode]

<html>
<img src="Text-html.svg" width=48 height=48 alt="Image introuvable" align=left>
</html>

Donne :

  • Si l'image existe :
    Text-html.svg
  • Sinon le texte : Image introuvable.