HTML - neue Seite durch klick auf Bild öffnen
Hej,
ich arbeite gerade an einer HTML-webseite in die ich ein Bild eingebunden (index.html) habe. Nun soll sich über einen Klick auf dieses Bild eine andere seite öffnen (info.html)
Wie kann ich das machen?
5 Antworten
<a href="info.html">
<img src="BILD.png">
</a>
So kannste das machen.
Hallo,
verlinken tust du immer, egal ob Bild, Text oder ähnliches, mit dem "a" Attribut. Sprich:
<a href="deinedatei.html" >Link</a>
Alles was zwischen dem Anfang "a" und dem Ende "a" steht, ist verlinkt. Also:
<a ... ICH BIN VERLINKT </a>
Wenn du also ein Bild verlinken möchtest, musst du einfach "ICH BIN VERLINKT" durch dein Bild ersetzen...
Bilder fügst du in html wie folgt ein:
<img src="link.html" height="angabe" width="angabe" />
Letztendlich sieht deine fertige Verlinkung wie folgt aus:
<a href="info.html"><img src="src.jpg" height="50" width="50" /></a>
Damit dir das auch klar wird, habe ich dir hier ein Beispiel geschrieben: http://jsfiddle.net/8q9mLq6o/
Ich hoffe, ich konnte dir damit weiterhelfen!
Grüße, Hummel
<a href="info.html"><img src="pfad-zu-deinem-bild.jpg" /></a>
Hast Du danach gesucht?
Ich nehme an, es ist bei allen CMS-Systemen ähnlich. Im Editor gibt es ein Tool "Link erstellen". Das musst du benutzen. Nachdem das Bild in deinem Artikel drin steht, klickst du es an (markieren). Dann Klick auf das Tool "Link erstellen". In dem kleinen Fenster, das sich jetzt öffnet musst du die Zielseite für den Bildklick eingeben. Und ein Häkchen setzen bei "In neuem Fenster öffnen", "Open a new window" oder was immer dort steht.
<a href="[site]"><img src="[image]" /></a>
Mehr infos auf html-beginner.mk16.de .