Was ist die richtige Möglichkeit, ein HTML-Bild-Tag zu verwenden?

Webseiten werden häufig mit Bildern versehen, um sie einladender und interessanter zu gestalten als eine Seite mit einfachem Text. Mit dem HTML-Image-Tag können Sie ganz einfach Bilder zu Webseiten hinzufügen. Dieses Tag verfügt auch über eine Reihe von Attributen oder Merkmalen, die Sie angeben können.

Beachten Sie beim Hinzufügen von Bildern zu einer Webseite, dass ein Bild nicht Teil der Datei ist, aus der die Webseite selbst besteht. Die für die Webseite verwendeten Dateien sind separate Dateien von allen Bilddateien. Das HTML-Bild-Tag verweist den Webbrowser auf die spezifische Bilddatei für das Bild, das Sie anzeigen möchten. Wenn die Webseite in einem Browser angezeigt wird, wird die Bilddatei zusammen mit allen anderen Dateien angezeigt, aus denen diese Seite besteht.

Der Code für das HTML-Image-Tag lautet: <IMG SRC = "image location" />. Der Bildspeicherort ist der Dateiname für das Bild, das angezeigt werden soll, und der Speicherort für das Bild. Es ist wichtig, dass Sie diese Informationen korrekt anzeigen, um sicherzustellen, dass das Bild richtig angezeigt wird. Die Organisation und Speicherung von Bildern, die Sie auf Ihrer Webseite verwenden möchten, sind wichtige Überlegungen.

Einige Leute speichern ihre Bilder im selben Verzeichnis wie alle anderen Teile ihrer Webseiten. In diesem Fall würden Sie, wenn Sie auf das Bild verweisen, nur den Dateinamen in das HTML-Bild-Tag aufnehmen. Wenn eine Webseite mehrere Bilder enthält, wird häufig ein Unterverzeichnis erstellt, das häufig als Bilder bezeichnet wird . In diesem Fall würde der Name des Unterverzeichnisses ebenfalls im Tag enthalten sein.

Als Beispiel sehen Sie hier, was wir tun würden, um ein Bild eines Baums, Dateiname tree.jpg, auf einer Webseite einzufügen. Wenn wir das Baumbild am selben Ort wie unsere anderen Webseiten gespeichert hätten, wäre das HTML-Bild-Tag <IMG SRC = "tree.jpg">. Wenn die Bilddatei in einem Unterverzeichnis in unserem Webseitenverzeichnis gespeichert wäre, würde das Tag in <IMG SRC = "images / tree.jpg"> geändert. Es ist wichtig zu wissen, dass das HTML-Image-Tag einen Verweis oder Pfad zur Image-Datei enthält. Grundsätzlich teilt es dem Browser mit, wo er nach der Datei suchen soll.

Das HTML-Image-Tag verfügt über eine Reihe von Attributen, die für das Bild angegeben werden können, das Sie einschließen möchten. Attribute sind Merkmale des Tags selbst und werden daher innerhalb des Tags oder zwischen <und> verwendet. Die Attribute, die mit dem HTML-Image-Tag verwendet werden, sind:

• AUSRICHTEN - Gibt an, wie Ihr Bild in Bezug auf den Text auf Ihrer Seite ausgerichtet ist (LINKS, RECHTS, OBEN, MITTEL, UNTEN).
• ALT - verweist auf alternativen Text. Dies ist ein sehr wichtiges Attribut und sollte für alle Ihre Bilder enthalten sein. Es gibt den Text an, der anstelle des Bildes angezeigt wird
• RAND - Fügt Ihrem Bild einen Rand hinzu, dessen Dicke in Pixel angegeben wird
• HÖHE und BREITE - kann verwendet werden, um die Breite und Höhe des anzuzeigenden Bildes zu definieren, mit der Sie die Größe des Bildes ändern können. Gehen Sie mit diesen Attributen vorsichtig um, da Sie die Bildqualität und die Proportionen ändern können, was zu schlechter Bildqualität führt
• VSPACE und HSPACE - werden verwendet, um Ihrem Bild einen Leerraum hinzuzufügen.