Einem Bild einen Link hinzufügen

Mit einer einzigen Zeile HTML Code kannst du in fast jede Webseite ein anklickbares Bild einfügen. Es gibt zwei Dinge, die du dafür brauchst. Du brauchst die URL für ein Bild und die URL einer Webseite.

Methode 1

Methode 1 von 2:

Den HTML Code schreiben

PDF herunterladen

1
Erstelle eine HTML-Datei. Öffne einen Texteditor und erstelle eine neue Datei. Speichere die Datei als index.html.
2
Kopiere den Standard HTML Code und füge ihn ein. Markiere den HTML Code unten, kopiere ihn und füge ihn dann in deine geöffnete Datei index.html ein.
```
<a href="DESTINATION URL"><img src="IMAGE URL" /></a>
```
3
Finde die URL eines Bilds. Finde ein Bild im Internet, klicke es mit der rechten Maustaste an und klicke dann - abhängig von deinem Browser - auf Link kopieren, Bildadresse kopieren oder URL kopieren.
Klicke in der Datei index.html zur Auswahl auf IMAGE URL und drücke dann CTRL + V, um die URL des Bilds einzufügen.
5
Füge die Ziel-URL hinzu. Lösche in der Datei index.html DESTINATION URL und tippe dann http://www.google.com ein.
7
Öffne die HTML-Datei in einem Browser. Klicke mit der rechten Maustaste auf index.html und öffne sie im Browser deiner Wahl.
Werbeanzeige

Methode 2

Methode 2 von 2:

Den HTML Code verstehen

PDF herunterladen

1
Verstehe den anchor Tag. HTML Code besteht aus öffnenden und schließenden Tags. Der <a href=""> Tag ist der öffnende Tag und </a> der schließende. Dieser wird anchor Tag genannt und wird genutzt, um einer Webseite Links hinzuzufügen.^{[1]XForschungsquelle}
- <a sagt einem Browser, dass ein Link kommt. href ist kurz für HTML reference, = sagt dem Browser, dass er alles zwischen den " " nehmen und daraus einen Link erstellen soll. Jede URL kann zwischen den beiden Anführungszeichen stehen.
- </a> gibt dem Browser an, dass der anchor Tag geschlossen wird.
- Wenn du zwischen <a href=""> und </a> Text eingibst, wird dieser zu einem anklickbaren Link auf einer Webseite. <a href="http://www.google.com">Google</a> würde z.B. einen Link auf Google erzeugen.
2
Verstehe den image Tag. Der <img> Tag ist ein sich selbst schließender Tag. Du kannst ihn schließen, indem du <img src="" /> schreibst oder <img src=""></img>.^{[2]XForschungsquelle}
- Der <img Tag sagt einem Browser, dass er ein Bild verarbeiten soll. src ist kurz für source, = sagt dem Browser, dass er alles zwischen den " " nehmen und das Bild von dieser Stelle holen soll.
- /> gibt dem Browser an, dass der image Tag geschlossen wird.
- <img src="https://www.google.com/images/srpr/logo11w.png" /> würde z.B. das Bild an dieser URL holen und dann im Browser anzeigen.
Jetzt, wo du diesen Code kennst, kannst du <a href="DESTINATION URL"><img src="IMAGE URL" /></a> nutzen, um jeder Webseite, die HTML-Code verarbeiten kann, ein klickbares Bild hinzuzufügen.
Werbeanzeige