Hier findest Du einige Beispiele, wie Du Links für Texte und Bilder in HTML setzen kannst und wie Du die Codes gestalten kannst, wenn Du Deine E-Mail-Adresse verlinken möchtest…
Ersetze bei den Beispielen jeweils den fetten Text mit Deinen Infos und URLs.
Textlink
Verwende folgenden Code, um einen Textlink zu setzen:
<a href=”http://Deine Link-Adresse (URL)“>Dein Text hier</a>
Demo
Textlink (mouseover)
Einen “alt-Text”, einen Text, der bei manchen Browsern angezeigt wird, wenn der Mouse-Zeiger ihn berührt (Mouseover), kannst Du folgendermaßen generieren:
<a href=”http://Deine URL“ title=”Deine Beschreibung“>Dein Text hier</a>
Demo
Link in neuem Browserfenster öffnen
Der folgende Link-Code öffnet beim Anklicken ein neues Browserfenster:
<a target=”_blank” href=”http://Deine URL“ title=”Deine Beschreibung“>Dein Text hier</a>
Demo
E-Mail-Link
Um Deine E-Mail-Adresse zu verlinken, kannst Du folgende Codes verwenden:
<a href=”mailto:deinemail@beispiel.de“>Hier Dein Text (z.B. E-Mail)</a>
Demo
E-Mails mit vorgegebenem Betreff werden so generiert:
<a href=”mailto:deinemail@beispiel.de?subject=Dein%20Betreff“>Deine Mail mit Betreff</a>
Demo
Mehr Möglichkeiten, Optionen zu Verweisen und Verlinkung von E-Mail-Adressen findest Du auch HIER auf SELFHTML.
Bilder, Images verlinken
Um Bilder, b.z.w. Images verlinken zu können, müssen diese auf einem Webspace online (gestellt) sein, sodass sie auch sichtbar sind. Dazu benötigst Du Webspace. Es gibt zahlreiche Anbieter, Provider für günstigen (z.B. 1&1) und auch kostenlosen (z.B. funpic [kann auch php], freenet, photobucket [kostenloses File-Hosting] Webspace, wo Du Deine Bilder hochladen kannst.
Willst Du das Bild, zum Beispiel als Banner auf einer HTML-Website einbinden und die Datei Deines Bildes hat den Namen meinbild.jpg, so verwende folgenden Code:
<a href=http://www.zielDomain.com><img border=”0″ src=”http://www.deineDomain.com/meinbild.jpg” alt=”"/></a>
Um nur das Bild einzubinden, lasse den Link-Befehl einfach weg und verwende
<img border=”0″ src=”http://www.deineDomain.com/meinbild.jpg” alt=”"/>
Zwischen die Anführungszeichen des “alt”-Befehls kannst Du z.B. eine Beschreibung des Bildes einfügen, die von manchen Browsern beim Überqueren der Maus dann angezeigt werden kann.
