Was ist ein HTML -Bildlink?

Wenn eine Person eine Webseite erstellt, die ein Bild enthält, wird das Bild nicht mit den restlichen Informationen in die Seite eingefügt.Um Bilder im Web anzuzeigen, wird ein HTML -Bildlink verwendet, anstatt das Bild in die Seite einzubetten.Um den HTML -Image -Link zu verwenden, ist der #60; img #62;Das HTML -Tag wird verwendet, um die Informationen zu bereitstellen, an denen das Bild gespeichert ist und zugegriffen werden kann.Dieses Tag kann mit allen Browsern verwendet werden und zum Laden aller Bildtypen verwendet werden, die von den Browsern unterstützt werden.

Verwenden der #60; img #62;Tag allein bietet keine Informationen zur Webseite, die ein Bild enthalten sollen.Es sind zwei Attribute erforderlich, damit der HTML -Bildlink korrekt geschrieben werden soll, damit das Bild beim Laden der Webseite geladen wird.Es gibt auch mehrere optionale Attribute, die enthalten sein können, um weitere Informationen bereitzustellen.Die Attribute, die zum Schreiben des Bildverbaus erforderlich sind, sind src und Alt .

Das src - -attribut des HTML -Bildlinks liefert die Webadresse oder URL, in der sich das Bild befindet.Die URL kann eine von zwei Formen annehmen.Eine absolute URL bietet eine vollständige Webadresse, die auf ein Bild auf einer anderen Website leitet.Ein Beispiel für die Aufnahme einer absoluten URL für das SRC -Attribut wäre: src ' http: //www.website.com/image.jpg mdash;wobei Website.com auf eine andere Website und Image.jpg auf ein bestimmtes Bild verweist.

Die andere Option für die URL innerhalb des Attributs

src besteht darin, eine relative URL zu schreiben.Bei einer relativen URL liefert die Webadresse einen Link zu einem Bild innerhalb desselben Website -Verzeichnisses.Die relative URL ist eine verkürzte Version einer absoluten URL, da sich das Bild an derselben Stelle wie die Webseite befindet.Beispiele für das SRC -Attribut mit einer relativen URL sind: src ' image.jpg oder src ' bilder/image.jpg.Der einzige Unterschied in diesen Beispielen besteht darin, dass sich das Bild befindet, da es sich in einem Bilderordner im zweiten Beispiel befindet.

Das andere erforderliche Attribut ist

Alt , der alternativen Text für das Bild liefert.Dies ist kein Text, der angezeigt wird, wenn ein Benutzer eine Maus über das Bild hebt, sondern der Text, der angezeigt wird, wenn das Bild aus irgendeinem Grund nicht angezeigt werden kann.Es gibt viele Gründe, warum ein Bild möglicherweise nicht angezeigt wird, einschließlich Fällen, in denen die URL im src -attribut falsch oder kaputt ist oder wenn ein Benutzer mit einer Sehbehinderung einen Bildschirmleser verwendet.

Der grundlegendste CodeFür einen HTML -Image -Link sehen Sie ungefähr nach Folgendes aus: #60; img src ' url Alt ' text /#62;.Seit dem #60; img #62;Tag hat kein Endetag. Es ist wichtig, es mit / zu beenden, damit der Browser weiß, dass die Anweisung beendet ist.Das

src -attribut zeigt auf einen Ort für ein Bild. Daher ist es wichtig sicherzustellen, dass Links zu anderen Websites nicht unterbrochen sind und dass die Bilder in einem Website -Verzeichnis nicht umgezogen werden, und Links zu korrigieren, wenn Probleme auftreten.