Bild als Verweis

Ein Bild als Link

  • Erstelle eine HTML-Datei mit folgendem Quellcode:

<html>
<head>
<title>Die f&uuml;nfte Lektion</title>
</head>

<body bgcolor="#FFFFFF" text="#000066">
<p><a href="http://www.lizzynet.de/" target="_blank"><img src="bilder/gifbild.gif" border="0"></a>

</p>
<p>F&uuml;r dieses Logo eignet sich das GIF-Format.

  Es ist gleichzeitig ein Link zur LizzyNet-Homepage.

  Klick mal auf das Bild!</p>
</body>
</html>~

  • Benenne die Datei *lektion52.htm*
  • Öffne die Datei *lektion52.htm* im Browser. So ungefähr wird es wohl aussehen:

Du siehst, ein Bild kann man auch als Link verwenden. Dafür wird der img-Tag vom Verweis-Befehl umgeben. Sobald ein Bild verlinkt wird, erhält es automatisch einen Rahmen von 2 Pixel Breite.

border="0"~
Ein verlinktes Bild erhält automatisch einen Rahmen (englisch border). Da mir das nicht gefallen hat, habe ich einen Wert von "0" gegeben. Du kannst ja einen anderen Wert eingeben, um zu sehen was passiert.