HTML Bild

Beispiele

Norwegian Mountain Trip

Versuchen »

Online Beispiele

Fügen Sie ein Bild
Dieses Beispiel zeigt, wie Bilder auf einer Webseite angezeigt werden soll.

Legen Sie Bilder von verschiedenen Standorten aus
Dieses Beispiel zeigt, wie verschiedene Ordner oder Server-Images Webseiten anzuzeigen.

(Sie können mehr Beispiele am Ende dieser Seite zu finden.)

HTML Bild - das Bild-Tag (<img>) und ein Quellattribut (SRK)

In HTML, Bilder stammen von dem Tag <img> definiert.

<Img> -Tag ist leer, was bedeutet, dass es Attribute enthält, und nicht Tag zu schließen.

Um auf der Seite, um das Bild anzuzeigen, benötigen Sie das Quellattribut (src) zu verwenden. src bezieht sich auf die "Quelle". Wert des Quellattribut ist die URL des Bildes.

Benutzerdefinierte Bild Syntax:

URL bezieht sich auf die Position für die Speicherung von Bildern. Wenn das Bild "boat.gif" befindet www.w3school.com.cn Bildverzeichnis genannt wird, dann ist die URL http://www.w3school.com.cn/images/boat.gif.

Der Browser wird das Bild im Dokument anzuzeigen, in dem das Bild-Tag angezeigt wird. Wenn Sie ein Image-Tag zwischen zwei Absätzen setzen, wird der Browser zuerst den ersten Absatz angezeigt werden, und zeigt dann das Bild letzter Absatz angezeigt.

HTML-Bilder - Alt Attribut

alt-Attribut wird als Alternative Definition einer Reihe von Textbildern verwendet, die zubereitet.

Ersetzen von Texteigenschaften Werte sind benutzerdefiniert.

Wenn ein Browser keine Bilder laden kann, ersetzen Sie Textattribute erzählen Leser sie Informationen verlieren. In diesem Fall zeigt der Browser den alternativen Text anstelle von Bildern. Das Bild auf der Seite mit der Substitution Texteigenschaft kombiniert ist eine gute Gewohnheit, die zu einer besseren Anzeigeinformationen hilft, und für diejenigen, die Klartext-Browser ist sehr nützlich.

HTML Bilder - Stellen Sie die Bildhöhe und -breite

(Höhe) und Breite (Breite) Eigenschaft für die Breite und Höhe des Bildes einstellen.

Der Standardattributwert in Pixel:

Tipp: Ein gutes Bild von der angegebenen Höhe und Breite der Gewohnheit. Es wird die angegebene Größe behalten, wenn die Bildhöhe Breite angegeben wird, wenn die Seite geladen. Wenn Sie nicht über die Größe des Bildes angeben, es ist möglich, wenn die Seite geladen wird das gesamte Layout der HTML-Seiten untergraben würde.

Grundlegende Vorsichtsmaßnahmen - nützliche Tipps:

Hinweis: Wenn eine HTML - Datei zehn Bilder enthält, um diese Seite korrekt anzuzeigen, benötigen Sie 11 Dateien zu laden.Bild laden braucht Zeit, so dass unser Rat: Vorsicht Bild.

Hinweis: Wenn die Seite geladen wird, zu achten Seite Bildpfad einzufügen, wenn die Position des Bildes nicht richtig eingestellt werden kann, kann der Browser das Bild nicht geladen werden , wird das Bild - Tag ein gebrochenes Bild angezeigt werden soll .

Weitere Beispiele

Arrangement Bilder
Dieses Beispiel zeigt, wie die Bilder in den Text zu arrangieren.

Schwimmdock Images
Dieses Beispiel zeigt, wie das Bild Schwimmer nach links oder rechts Absatz zu machen.

Einstellen Bildlink
Dieses Beispiel zeigt, wie das Bild als Link zu verwenden.

Erstellen einer Image - Map
Dieses Beispiel zeigt, wie Image-Maps mit anklickbaren Bereiche zu schaffen. Jede dieser Regionen ist ein Hyperlink.

HTML-Bild-Tag