Skip to main content

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 -Bild -Tag ist es einfach, Webseiten Bilder hinzuzufügen.Dieses Tag enthält auch eine Reihe von Attributen oder Eigenschaften, die Sie angeben können.

Beim Hinzufügen von Bildern zu einer Webseite ist es wichtig zu beachten, dass ein Bild nicht tatsächlich Teil der Datei ist, die die Webseite selbst ausmacht.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 Code für das HTML -Bild -Tag ist: lt; img Src ' Bildort / gt;.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.Die Organisation und Speicherung von Bildern, die Sie auf Ihrer Webseite verwenden möchten, sind wichtige Überlegungen.

Einige Personen 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 aufgenommen.Wenn wir das Baumbild an derselben Stelle wie unsere anderen Webseitendateien gespeichert hätten, wäre das HTML -Bild -Tag lt; img src ' tree.jpg gt;.Wenn die Bilddatei in einem Unterverzeichnis in unserem Webseitenverzeichnis gespeichert würde, würde das Tag in lt; img Src ' Bilder/Baum.jpg gt;.Wichtig ist, dass das HTML -Bild -Tag eine Referenz oder einen Pfad zur Bilddatei bietet.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 lt verwendet;und gt;.Die Attribute, die mit dem HTML -Bild -Tag verwendet werden, sind:

Align Mdash;Gibt an, wie Ihr Bild in Bezug auf den Text auf Ihrer Seite (links, rechts, oben, Mitte, unten)

  • Alt mdash ausgerichtet ist;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

  • Border mdash angezeigt wird.Fügt Ihrem Bild einen Rand hinzu, wobei die in Pixel angegebene Dicke

  • Höhe und Breite mdash;Kann verwendet werden, um die Breite und Höhe des angezeigten Bildes zu definieren, sodass Sie die Größe des Bildes ändern können.Achten Sie darauf, diese Attribute zu verwenden, da Sie die Qualität des Bildes und die Proportionen ändern können, was zu Bildern mit schlechter Qualität führt.werden verwendet, um Ihrem Bild einen weißen Raum hinzuzufügen.