HTML-Codes
Anleitungen / Hilfen

 

HTML-Anleitungen
Kapitel 4 - Links / Verweise erstellen

Links sind Verweise zu anderen Dokumenten. Klick man auf einen solchen Link, wird man auf eine andere Seite weitergeleitet. Das Erstellen von solchen Links ist einfach. Es gibt relative und absolute Links. Ein absoluler Link ist z.B. ein Link, der auf "http://www.google.com/index.html" verweist. Ein relativer Link ist z.B. "index.html".

Relative Links:
  • Verweisen von der Position der Datei aus gesehen, in der sich der Link befinded, auf ein anderes Dokument
  • Können nicht auf einen anderen Server bzw. eine andere Homepage verweisen
  • Sollten immer verwendet werden, wenn die Datei auf demselben Server liegt bzw. die Datei derselben Homepage angehört
Absolute Links:
  • Verweisen unabhängig von der Datei in der der Link ist auf eine andere Datei oder Webadresse
  • Können auf einen anderen Server bzw. eine andere Homepage verweisen

Rellative und Absolute Links werden mit demselben HTML-Code erzeugt, der Unterschied besteht lediglich darin, das bei absoluten Links das http:// oder http://www. nicht fehlen darf bzw. die Webadresse komplett angegeben wird.


Rellative Links erstellen


Ein Beispiel zu rellativen Links: Sie haben einen Ordner namens "homepage". In diesem Ordner ist die Datei "spiele.html" und ein Ordner namens "hilfe". Im Ordner "hilfe" ist die Datei "index.html". Nun möchten sie in die Datei "index.html" einen Link einbauen, der auf die Datei "spiele.html" verweist. Daher müssen Sie dem Link sagen gehe einen Ordner zurück. Das geht mit "../". Der Link lautet dann also:

Code 1 <a href="../spiele.html">KLICK MICH AN!</a>


Absolute Links erstellen

Das geht viel leichter als rellative Links. Es ist aber sehr wichtig, das das http:// oder das http://www. nicht fehlt.

Code 2 <a href="http://www.google.com">KLICK MICH AN!</a>

 

Startseite - Impressum - Kontakt - Support

Sitemap
Startseite: Startseite - Magazin - News - Kontakt - Impressum Homepagetools: Counter - IP-Anzeige- Umfragen / Vote - Kontaktformular / Formmailer
Programmierung: HTML-Codes - Anleitungen / Hilfen Generstoren: Animierter Text - E-Mail Adresse verschlüsseln - CSS Bildfilter - Weiterleitung - Laufschrift - Buttongenerator - Bannergenerator
Tipps: Suchmaschinen - Homepageservices Grafik & Farben: Buttonvorlagen - Trennlinien - Listenpunkte - 3D Smilies / 3D Smileys / 3D Smilys - Grafikformate - Farbenentstehung - Farbtabellen
Service: Domaincheck - Bildschirmauflösungen testen Community: Magazin - Forum / Board - Gästebuch - Support / Hilfe / Ünterstützung

Valid HTML 4.01 Transitional CSS ist valide!


Counter / Besucherzähler