HTML <img> src- Attribut

Beispiel

Ein Bild wird wie folgt gekennzeichnet:

Definition und Verwendung

Das erforderliche srcAttribut gibt die URL des Bildes an.

src Es gibt zwei Möglichkeiten, die URL im Attribut anzugeben :

1. Absolute URL – Links zu einem externen Bild, das auf einer anderen Website gehostet wird. Beispiel: src="https://www.w3schools.com/images/img_girl.jpg".

Hinweise: Externe Bilder können urheberrechtlich geschützt sein. Wenn Sie keine Genehmigung zur Verwendung erhalten, verstoßen Sie möglicherweise gegen Urheberrechtsgesetze. Außerdem können Sie keine externen Bilder steuern; es kann plötzlich entfernt oder geändert werden.

2. Relative URL – Links zu einem Bild, das auf der Website gehostet wird. Hier enthält die URL nicht den Domänennamen. Wenn die URL ohne Schrägstrich beginnt, ist sie relativ zur aktuellen Seite. Beispiel: src="img_girl.jpg". Wenn die URL mit einem Schrägstrich beginnt, ist sie relativ zur Domain. Beispiel: src="/images/img_girl.jpg".

Tipp: Es ist fast immer am besten, relative URLs zu verwenden. Sie werden nicht beschädigt, wenn Sie die Domäne wechseln.

Hinweis: Ein Symbol für einen defekten Link und der altText werden angezeigt, wenn der Browser das Bild nicht finden kann.

Browser-Unterstützung

Attribute
src	Yes	Yes	Yes	Yes	Yes

Syntax

Attributwerte

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 <img>-Tag