So verknüpfen Sie ein Bild in HTML

So verknüpfen Sie ein Bild in HTML
Haben Sie sich jemals gefragt, wie moderne Websites ihre Benutzer mit ihrer Website beschäftigen, ohne sie gelangweilt oder unwohl zu machen? Die Visuals werden zu den HTML -Dokumenten hinzugefügt, um den Fokus des Benutzers zu halten. Die Grafiken können Bilder und Videos umfassen. Das Bild kann vom Speichergerät oder aus der Online -Quelle verknüpft werden.

Dieser Artikel soll eine Anleitung zum Verknüpfen eines Bildes in HTML bereitstellen.

  • So verlinken und Bild in HTML mit dem Tag mit dem Tag mit dem Tag verknüpft und verkleinert
  • So verknüpfen Sie ein Bild in HTML mit dem Tag

So verknüpfen Sie ein Bild in HTML mit dem Tag mit dem Tag

Das Bild ist eine separate Datei, die in HTML nicht direkt verwendet wird. Um ein Bild in HTML zu verwenden, müssen wir die Bilddatei mit unserem HTML -Code verknüpfen. Um das zu tun, verwenden wir Tag, das verwendet src Attribut, um den Pfad des Bildes anzugeben.

Beispiel




Bild



Verknüpfung des Bildes mit HTML



Dieses Bild ist jetzt mit HTML -Quellcode verknüpft.




In diesem Beispiel verknüpfen wir Bilder mit HTML mit Hilfe von Tag während src = "" Attribut gibt den Namen und Pfad der Bilddatei an.

Ausgang

Diese Ausgabe zeigt das Tag erfolgreich verlinkt eine Bilddatei mit HTML -Code.

Verknüpfen eines Bildes in HTML mit dem Tag mit Tag

Wir können Bilder auch mit HTML verwenden Schild. Dieses Tag verwendet Bild oder Text, um das Bild mit HTML zu verknüpfen. Das folgende Beispiel zeigt das Konzept besser.

Beispiel




Bild



Verknüpfung des Bildes mit HTML mit dem Anchor -Tag mit HTML





Das Anker -Tag wird verwendet, um dieses Bild mit HTML zu verknüpfen.




In diesem Beispiel Tag wird verwendet, um ein Bild mit HTML zu verknüpfen. Wohingegen Tag erstellt einen kleinen Bildlink zum Hauptbild.

Ausgang

Die obige Ausgabe zeigt das Tag verknüpft das Hauptbild mit der HTML Bietet einen Bildlink zum Hauptbild. Mit anderen Worten, Tag fungiert als Miniaturansicht für das Hauptbild.

Abschluss

In HTML können die und Tags verwendet werden, um ein Bild zu verknüpfen. Um dies zu tun, das 'src'Attribut des Tags und des'href'Attribut des Tags verknüpft ein Bild in HTML. Dieser Artikel enthält einen Einblick, um ein Bild in HTML zu verknüpfen. Die Anwendung von und Tag wird mit Hilfe von Beispielen beschrieben.