So fügen Sie ein Bild in HTML hinzu

Wenn Sie die Aufmerksamkeit einer Benutzer auf sich ziehen möchten, wenn er/sie Ihre Website besucht, kann das Hinzufügen von Bildern eine lustige Sache sein, die Sie tun können. Bilder machen das Erscheinungsbild Ihrer Website attraktiver und summieren sich dadurch zu der allgemeinen Schönheit Ihrer Website. Aber wie Sie eine Website zu einer Website hinzufügen? Nun, wir haben Wege zusammengefasst, welche Bilder in Webseiten eingefügt werden können.

So fügen Sie Bilder in HTML hinzu

Um Webseiten Bilder hinzuzufügen, verwenden Sie die Schild. Dieses Tag ist leer und besteht aus bestimmten Attributen und hat kein End -Tag.

Die Attribute des Tags sind; Die src Attribut, das verwendet wird, um den Pfad des Bildes und der zu definieren Alt Attribut wird als alternativer Text in Szenarien verwendet, wenn das Bild aufgrund eines Problems nicht geladen wird.

Hier haben wir gezeigt, wie Sie dieses Tag verwenden, um Bilder hinzuzufügen.

Html

Im obigen Code fügen wir der Webseite drei Bilder mit dem Tag hinzu. In jedem Tag wurde der Pfad der Bilder dem SRC -Attribut zur Verfügung gestellt, und zu diesen Tags wurde ein alternativer Text hinzugefügt. Darüber hinaus bieten wir den Bildern auch eine bestimmte Breite und Höhe.

Ausgang

Der Seite wurden Bilder hinzugefügt.

So stellen Sie die Bildbreite und Höhe ein

Wenn Sie die Breite und Höhe eines Bildes ändern möchten, verwenden Sie einfach die Breite und Höheneigenschaften innerhalb des Tags.

Html

Der obige Code fügt der Webseite Bilder mit der Breite und Höhe hinzu, die mit den Eigenschaften der Breite und der Höhe angegeben ist.

Ausgang

Beide Bilder haben unterschiedliche Breiten und Höhen.

So fügen Sie Bilder aus einem anderen Ordner hinzu

Wenn die Bilder, die Sie in Ihre Webseite einbetten möchten, in einem anderen Ordner vorhanden sind, wie im folgenden Screenshot gezeigt.

Die Bilder sind im Ordner mit dem Namen "Bilder" vorhanden.

Html

Um ordnungsgemäß zu demonstrieren, wie Bilder aus einem anderen Ordner hinzugefügt werden, haben wir einen Screenshot des Code -Editors angehängt. Der in Rot hervorgehobene Abschnitt zeigt, dass Bilder in einem anderen Ordner vorhanden sind, der direkt neben der HTML -Datei vorhanden ist. Der Name des Ordners zusammen mit dem Bildnamen und Format wird dem SRC -Attribut des Tags als in Grün hervorgehoben.

Ausgang

Das Bild wurde aus einem anderen Ordner hinzugefügt.

So fügen Sie Bilder von einer anderen Webseite hinzu

Um Bilder von einer anderen Webseite oder Quelle hinzuzufügen, müssen Sie dem SRC -Attribut des Tags die vollständige URL dieser Quelle bereitstellen.

Html

Der obige Code holt das Bild aus der angegebenen URL und fügt es unserer Webseite hinzu.

Ausgang

Das Bild wurde erfolgreich von einer anderen Webseite hinzugefügt.

So fügen Sie Bilder als Links hinzu

Wenn Sie Ihren Benutzer zu einer anderen Webseite umleiten möchten, können Sie Bilder verwenden, um diese Aufgabe auszuführen.

Html

Im obigen Code stellen wir zunächst den Link der Webseite bereit, die wir unsere Benutzer umleiten und diesen Link zum HREF Schild.

Ausgang

Wenn der Benutzer auf das Bild klickt, wird er/sie in die Webseite umgeleitet, die als Link im Anker -Tag bereitgestellt wird.

Abschluss

Zum Zweck des Hinzufügens von Bildern in HTML verwenden Sie die Schild. Dieses Tag ist leer, hat kein Ende und besteht aus zwei erforderlichen Attributen, die sind. Das SRC -Attribut und das Alt -Attribut. Das SRC. Mit diesem Tag können Sie Bilder aus einem anderen Ordner oder einer anderen Website hinzufügen oder sie als Links verwenden.