Was ist ein HTML Image Link?
Wenn eine Person eine Webseite erstellt, die ein Bild enthält, wird das Bild zusammen mit den restlichen Informationen nicht auf der Seite eingefügt. Zum Anzeigen von Bildern im Web wird ein HTML-Bildlink verwendet, anstatt das Bild in die Seite einzubetten. Um den HTML-Bild-Link zu verwenden, wird das HTML-Tag <img> verwendet, um die Informationen bereitzustellen, in denen das Bild gespeichert ist und auf die zugegriffen werden kann. Dieses Tag kann mit allen Browsern verwendet werden und kann zum Laden aller von den Browsern unterstützten Bildtypen verwendet werden.
Die alleinige Verwendung des <img> -Tags stellt der Webseite keine Informationen zur Verfügung, die ein Bild enthalten sollen. Es gibt zwei Attribute, die erforderlich sind, damit der HTML-Bildlink richtig geschrieben wird, 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 der Bildverknüpfung erforderlich sind, sind src und alt .
Das Attribut src des HTML-Bild-Links gibt die Webadresse oder URL an, unter der sich das Bild befindet. Die URL kann eine von zwei Formen annehmen. Eine absolute URL gibt eine vollständige Webadresse an, die auf ein Bild auf einer anderen Website verweist. Ein Beispiel für die Angabe einer absoluten URL für das Attribut src lautet: src = "http://www.website.com/image.jpg" - wobei website.com auf eine andere Website und image.jpg auf eine bestimmte Website verweist Bild.
Die andere Option für die URL innerhalb des src- Attributs besteht darin, eine relative URL zu schreiben. Bei einer relativen URL stellt die Webadresse einen Link zu einem Bild im selben Website-Verzeichnis bereit. Die relative URL ist eine abgeschnittene Version einer absoluten URL, da sich das Bild an derselben Stelle befindet wie die Webseite. Beispiele für das src-Attribut mit einer relativen URL sind: src = "image.jpg" oder src = "images / image.jpg". Der einzige Unterschied in diesen Beispielen besteht darin, wo sich das Bild befindet, da es sich im zweiten Beispiel in einem Bilderordner befindet.
Das andere erforderliche Attribut ist alt , das alternativen Text für das Bild bereitstellt. Dies ist kein Text, der angezeigt wird, wenn ein Benutzer mit der Maus über das Bild fährt, sondern 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 der Fälle, in denen die URL im src- Attribut falsch oder fehlerhaft ist oder wenn ein Benutzer mit einer Sehbehinderung einen Bildschirmleser verwendet.
Der einfachste Code für einen HTML-Bild-Link sieht ungefähr so aus: <img src = "URL" alt = "text" />. Da das <img> -Tag kein End-Tag hat, ist es wichtig, es mit /> zu beenden, damit der Browser weiß, dass die Anweisung beendet wurde. Das Attribut src verweist auf einen Speicherort für ein Bild. Daher ist es wichtig, sicherzustellen, dass Verknüpfungen zu anderen Websites nicht unterbrochen und Bilder nicht in einem Website-Verzeichnis verschoben werden, und Verknüpfungen zu korrigieren, wenn Probleme auftreten.