Bild einfügen

Beispiel:
<img src="URL-des-Bildes">

Erweiterungen:
Mit den Parametern width (Breite) und height (Höhe) kann man dem Bild eine Größe in Pixel zuweisen. Die Datei selbst hat dann zwar immer noch die echte Größe und Abmessung, wird im Dokument aber in der gewünschten Pixel-Abmessung gezeigt. Bei Vergrößerungen zieht dies natürlich Qualitätsverluste nach sich.

Beispiel:
<img src="https://img.webme.com/pic/p/pimp-your-design/greenbuttonhover.png" width="200" height="50">
Ergebnis:

---

Hyper Link

Beispiel:
<a href="URL-der-Seite" target="_blank">Link-Text</a>

Beispiel:
<a href="http://www.supernatural-fans.de.tl" target="_blank">Seite der Supernatural-fans</a>
Ergebnis:

Seite der Supernatural-fans


Erläuterungen:
Der Zusatz target="_blank" öffnet die Seite in einem neuen Browser-Fenster. Falls die Seite im aktuellen Fenster geladen werden soll target="_blank" weglassen. Wichtig:
Am Ende des Codes darf nicht vergessen werden! ist die Anweisung an den Browser, dass hier der Link endet.

Tipp: Link-Hinweis
<a href="http://www.supernatural-fans.de.tl" target="_blank" title="Die Fansite zur TV-Serie">Hier klicken und selber sehen</a>
Berührt die Maus den Link, so wird ein Hinweis angezeigt.:

Hier klicken und selber sehen

---

Bild-Hyper Link

<a href="URL-der-Seite" target="_blank"><img src="URL-des-Bildes" border="0"></a>

Beispiel:
<a href="http://www.supernatural-fans.de.tl" target="_blank"><img src="https://img.webme.com/pic/p/pimp-your-design/bannersig.gif" border="0"></a>
Ergebnis:


Erläuterungen:
Wir haben hier einfach den Bild- und Link-html-code miteinander verkuppelt. Der aufmerksame Leser wird es bemerkt haben - es taucht ein weiterer Parameter auf. Die Wirkung von target="_blank" hatte ich bereits oben beim Hyper-Link erklärt. Neu im Bild-Code: der Zusatz border="0". Dieser Zusatz entfernt einen automatisch auftretenden Rahmen um das Bild. Wer diesen Rahmen trotzdem haben möchte, lässt border="0" einfach weg oder schreibt an Stelle der 0 die gewünschte Rahmenstärke durch eine Ziffer hinein. Wichtig: Am Ende des Codes darf nicht vergessen werden! ist die Anweisung an den Browser, dass hier der Link endet.