Was ist in HTML ein Bild -Tag?

Beim Erstellen einer Webseite mit HTML wird das Bild -Tag zum Einfügen eines Fotos oder einer Grafik an einem bestimmten Ort auf der Seite verwendet. Es gibt viele Möglichkeiten, wie Bilder auf Webseiten verwendet werden können, von dem Hinzufügen von Interesse bis hin zur Verwendung als Navigationsinstrument oder zur Bereitstellung von Informationen. Es gibt auch verschiedene Bilder von Bildern, die verwendet werden können. Egal wie oder welches Bild zur Webseite hinzugefügt wird, das Bild -Tag ist immer erforderlich.

Um ein Bild hinzuzufügen, ist das Bild -Tag enthalten, an dem das Bild in Ihrer Seite angezeigt wird. Wenn beispielsweise ein Bild nach diesem Absatz eingefügt werden sollte, würde das Bild -Tag oder nach diesem Absatz zum HTML -Dokument hinzugefügt. Das Tag definiert alle Bilder in HTML. Es wird als leeres Tag bezeichnet, da es Attribute enthält und kein Schluss -Tag enthält. Attribute sind Optionen, die für ein bestimmtes HTML -Tag verfügbar sind.

Wenn nur wurden einem HTML -Dokument hinzugefügt, nichts würde zeigen, wie die Attribute des Tags nicht enthalten sind. Das wichtigste Attribut für ist "SRC", das für Quelle steht. Das Attribut SRC gibt an, wo sich die Bilddatei tatsächlich befindet, oder ist die Adresse für die Bilddatei. Wenn das Bild auf einer Webseite verwendet wird, wird der Standort des Bildes als URL angegeben. Innerhalb des HTML -Dokuments sieht das Bild aus wie: .

Insbesondere zeigt die URL darauf, wo das Bild gespeichert ist. Wenn beispielsweise ein Bild eines Computers mit dem Dateinamen computer.jpg im Bilderordner auf www.wisegeek.com gespeichert würde, würde die URL durch: ersetzt. Wenn der Browser die Webseite öffnet, wird das Bild angezeigt, in dem das Bild -Tag enthalten ist.

Das Bild -Tag hat eine Reihe anderer verschiedener Attribute. Sie ermöglichen einem Benutzer, wie das Bild auf der Seite aussieht. Die folgenden Attribute sind comMonly für dieses Tag verwendet: Alt, Rand, Größe und Ausrichtung.

Das Attribut Alt steht für alternativen Text und wird angezeigt, wenn ein Browser kein Bild anzeigen kann. Außerdem wird alternativer Text für Benutzer gelesen, die visuell herausgefordert sind und Text über Bilder anzeigen. Für das obige Beispiel kann der alternative Text als Alt = "Bild eines Computers" angegeben werden.

Das Attribut Rand fügt dem Bild einen Rand hinzu, wobei die Dicke von der Anzahl der angegebenen Pixel abhängt. Dies kann besonders nützlich sein, wenn der Bildhintergrund und der Hintergrund der Website ähnlich sind und eine klare Unterscheidung erwünscht ist. Zum Beispiel platziert Border = "10" einen 10 Pixel dicken Rand um ein Bild.

Größe Attribute sind ebenfalls wichtig, da Breite und Höhe verwendet werden können, um die genaue Größe eines Bildes anzugeben. Diese Attribute müssen sehr sorgfältig verwendet werden, da das Ändern der Proportionen oder der Qualität des angezeigten Bildes beeinflusst werden kann. Größe AttriButes ändert die tatsächliche Datei nicht, wie der Browser sie anzeigt.

Das Attribut Ausrichtung Gibt an, wie das Bild im Vergleich zum Text auf der Seite ausgerichtet ist. Für dieses Attribut gibt es verschiedene Auswahlmöglichkeiten, einschließlich oben, unten, der Mitte, des linken, rechten, Absmiddle, Absbottom, Baseline und TextTop. Diese Tags ermitteln auch, wie der Text auf der Seite mit dem Bild ausgerichtet ist.