Was ist der richtige Weg, um ein HTML -Bild -Tag zu verwenden?
Bilder werden häufig zu Webseiten hinzugefügt, damit sie einladender und interessanter aussehen als eine Seite mit einfachem Text. Mit dem HTML -Image -Tag ist es einfach, alle Webseiten Bilder hinzuzufügen. Dieses Tag verfügt auch über eine Reihe von Attributen oder Eigenschaften, die Sie angeben können. 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 von Ihnen gewünschte Bild. Wenn die Webseite in einem Browser angezeigt wird, wird die Bilddatei zusammen mit allen anderen Dateien angezeigt, aus denen diese Seite besteht. Der Bildstandort ist der Dateiname für das Bild, das Sie angezeigt werden möchten und wo das Bild gespeichert wird. Es ist wichtig, dass Sie diese Informationen korrigieren, um sicherzustellen, dass das Bild ordnungsgemäß angezeigt wird. DerOrganisation 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 sich auf das Bild beziehen, nur den Dateinamen in das HTML -Bild -Tag einbeziehen. Wenn eine Webseite eine Reihe von Bildern enthält, ist es üblich, ein Unterverzeichnis zu erstellen, das oft Bilder bezeichnet wird. In diesem Fall würde der Name des Unterverzeichnisses auch in das Tag enthalten.
Beispiel, hier ist, was wir tun würden, um ein Bild eines Baums, Dateiname tree.jpg, auf eine Webseite einzulegen. Wenn wir das Baumbild an derselben Stelle wie unsere anderen Webseitendateien gespeichert hätten, wäre das HTML -Bild -Tag . Wenn die Bilddatei in einem Unterverzeichnis in unserem Webseitenverzeichnis gespeichert würde, wird das Tag in
geändert. Was wichtig ist, ist tHat das HTML -Bild -Tag eine Referenz oder einen Pfad zur Bilddatei. Grundsätzlich teilt es dem Browser mit, wo er nach der Datei suchen soll.
Das HTML -Bild -Tag enthält eine Reihe von Attributen, die für das Bild angegeben werden können, das Sie einschließen möchten. Attribute sind Eigenschaften des Tags selbst und werden daher innerhalb des Tags oder zwischen dem
- Ausrichtung - Geben Sie an, wie Ihr Bild in Bezug auf den Text auf Ihrer Seite (links, rechts, oben, Mitte, unten) ausgerichtet ist.
- Alt - bezieht sich 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, wobei die in Pixel angegebene Dicke angegeben ist
- Höhe und Breite - kann verwendet werden, um die Breite und Höhe des angezeigten Bildes zu definieren, sodass Sie das Siz ändern könnene des Bildes. Seien Sie vorsichtig, wenn Sie diese Attribute verwenden, da Sie die Qualität des Bildes und die Proportionen ändern können, was zu Bildern mit schlechter Qualität führt.
- vSpace und HSpace - werden verwendet, um Ihr Bild zu einem weißen Raum hinzuzufügen.