Treść w postaci obrazka

Jedną z treści, którą możemy wyświetlić w oknie przeglądarki internetowej jest treść w postaci obrazka.

Do wspomnianego celu możemy wykorzystać element img.

Przykład:

<img src="https://www.google.com/url?sa=i&url=http%3A%2F%2Fwww.inmygarden.eu%2Fqr%2F00310&psig=AOvVaw09kEL-gwy6ullbLmkddsBU&ust=1758808312163000&source=images&cd=vfe&opi=89978449&ved=0CBUQjRxqFwoTCOCavtfF8Y8DFQAAAAAdAAAAABAE" alt="czerwona róża">

Rezultat:

W oknie naszej przeglądarki internetowej został wyświetlony przykładowy obrazek reprezentowany przez zasób internetowy znajdujący się pod adresem https://www.google.com/url?sa=i&url=http%3A%2F%2Fwww.inmygarden.eu%2Fqr%2F00310&psig=AOvVaw09kEL-gwy6ullbLmkddsBU&ust=1758808312163000&source=images&cd=vfe&opi=89978449&ved=0CBUQjRxqFwoTCOCavtfF8Y8DFQAAAAAdAAAAABAE.

Wartość atrybutu alt elementu img określa treść w postaci ciągu znaków, który to ciąg znaków pojawić się ma w oknie przeglądarki internetowej, gdy obrazek reprezentowany przez dany element img, z jakiegoś powodu nie mógł zostać obsłużony przez wspomnianą przeglądarkę internetową.

W naszym przykładowym kodzie HTML tym ciągiem znaków jest czerwona róża.

Ponadto przeglądarka internetowa zazwyczaj nie powinna mieć problemów z obsłużeniem następujących typów zasobów internetowych mogących reprezentować obrazek: .png, .gif, .jpeg, .pdf, .xml (z SVG) lub .svg.