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, vom 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, wo das Bild in Ihrer Seite angezeigt wird.Wenn beispielsweise ein Bild nach diesem Absatz eingefügt werden sollte, würde das Bild -Tag oder lt; img gt;, dem HTML -Dokument nach diesem Absatz hinzugefügt.Das Tag lt; img gt;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.wurden zu einem HTML -Dokument hinzugefügt, nichts würde zeigen, wie die Attribute des Tags nicht enthalten sind.Das wichtigste Attribut für lt; img gt;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 würde das Bild so aussehen wie: lt; img src ' url /gt;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: lt; img src ' www.wisek.com/bilder/computer ersetzt.JPG / gt;.Wenn der Browser die Webseite öffnet, wird das Bild angezeigt, in dem das Bild -Tag enthalten ist.

Das Bild -Tag enthält eine Reihe anderer verschiedener Attribute.Sie ermöglichen einem Benutzer, wie das Bild auf der Seite aussieht.Die folgenden Attribute werden üblicherweise 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 könnte der alternative Text als Alt ' Bild eines Computers angegeben werden.

Das -Randattribut fügt dem Bild mit der Dicke einen Rand hinzu, abhängig von der Anzahl der angegebenen Pixel.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 Rand ' 10 einen 10 -Pixel -dicken Rand um ein Bild.

Größe Attribute sind ebenfalls wichtig, da Breite und Höhe die genaue Größe eines Bildes angeben können.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ößenattribute ändern nicht die tatsächliche Datei, genau wie der Browser sie anzeigt.

Das Attribut

Ausrichtung Gibt an, wie das Bild im Vergleich zu Text auf der Seite ausgerichtet ist.Für dieses Attribut gibt es verschiedene Auswahlmöglichkeiten, einschließlich oben, unten, mittlerer, links, rechts, Absmiddle, Absbottom, Baseline und TextTop.Diese Tags helfen auch zu bestimmen, wie der Text auf der Seite mit dem Bild ausrichtet.