Atributo HTML <img> src

Exemplo

Uma imagem é marcada da seguinte forma:

Definição e uso

O srcatributo obrigatório especifica o URL da imagem.

Há duas maneiras de especificar o URL no src atributo:

1. URL absoluto - Links para uma imagem externa hospedada em outro site. Exemplo: src="https://www.w3schools.com/images/img_girl.jpg".

Notas: Imagens externas podem estar sob direitos autorais. Se você não obtiver permissão para usá-lo, poderá estar violando as leis de direitos autorais. Além disso, você não pode controlar imagens externas; ele pode ser removido ou alterado de repente.

2. URL Relativo - Links para uma imagem que está hospedada no site. Aqui, o URL não inclui o nome de domínio. Se a URL começar sem uma barra, ela será relativa à página atual. Exemplo: src="img_girl.jpg". Se o URL começar com uma barra, será relativo ao domínio. Exemplo: src="/images/img_girl.jpg".

Dica: quase sempre é melhor usar URLs relativos. Eles não vão quebrar se você mudar de domínio.

Nota: Um ícone de link quebrado e o alttexto são mostrados se o navegador não encontrar a imagem.

Suporte ao navegador

Attribute
src	Yes	Yes	Yes	Yes	Yes

Sintaxe

Valores de atributo

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

❮ Tag HTML <img>