Atrybut HTML <img> src

❮ Znacznik HTML <img>

Przykład

Obraz jest oznaczony w następujący sposób:

<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">

Definicja i użycie

Wymagany srcatrybut określa adres URL obrazu.

Istnieją dwa sposoby określenia adresu URL w src atrybucie:

1. Bezwzględny adres URL — łącza do zewnętrznego obrazu umieszczonego na innej stronie internetowej. Przykład: src="https://www.w3schools.com/images/img_girl.jpg".

Uwagi: Obrazy zewnętrzne mogą być objęte prawami autorskimi. Jeśli nie uzyskasz pozwolenia na jego używanie, możesz naruszać prawa autorskie. Ponadto nie można kontrolować obrazów zewnętrznych; można go nagle usunąć lub zmienić.

2. Względny adres URL — linki do obrazu umieszczonego w witrynie. Tutaj adres URL nie zawiera nazwy domeny. Jeśli adres URL zaczyna się bez ukośnika, będzie on odnosił się do bieżącej strony. Przykład: src="img_girl.jpg". Jeśli adres URL zaczyna się od ukośnika, będzie powiązany z domeną. Przykład: src="/images/img_girl.jpg".

Wskazówka: prawie zawsze najlepiej jest używać względnych adresów URL. Nie zepsują się, jeśli zmienisz domenę.

Uwaga:alt Jeśli przeglądarka nie może znaleźć obrazu, wyświetlana jest  ikona uszkodzonego łącza i tekst.


Obsługa przeglądarki

Attribute
src Yes Yes Yes Yes Yes

Składnia

<img src="URL">

Wartości atrybutów

Value Description
URL The URL of the image.

Possible values:

  • An absolute URL - points to another web site (like src="http://www.example.com/image.gif")
  • A relative URL - points to a file within a web site (like src="image.gif")

❮ Znacznik HTML <img>