HTML <img> src Atribut

Příklad

Obrázek je označen následovně:

Definice a použití

Povinný srcatribut určuje adresu URL obrázku.

Existují dva způsoby, jak zadat adresu URL v src atributu:

1. Absolute URL – Odkazuje na externí obrázek, který je umístěn na jiné webové stránce. Příklad: src="https://www.w3schools.com/images/img_girl.jpg".

Poznámky: Externí obrázky mohou být chráněny autorským právem. Pokud nezískáte povolení k jeho použití, můžete se dopustit porušení autorských práv. Kromě toho nemůžete ovládat externí obrazy; může být náhle odstraněn nebo změněn.

2. Relativní URL – Odkazuje na obrázek, který je hostován v rámci webové stránky. Zde adresa URL nezahrnuje název domény. Pokud adresa URL začíná bez lomítka, bude se vztahovat k aktuální stránce. Příklad: src="img_girl.jpg". Pokud adresa URL začíná lomítkem, bude se vztahovat k doméně. Příklad: src="/images/img_girl.jpg".

Tip: Téměř vždy je nejlepší používat relativní adresy URL. Pokud změníte doménu, nezlomí se.

Poznámka:alt Pokud prohlížeč nemůže najít obrázek, zobrazí se ikona nefunkčního odkazu a text.

Podpora prohlížeče

Attribute
src	Yes	Yes	Yes	Yes	Yes

Syntax

Hodnoty atributů

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")

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")

❮ HTML tag <img>