Google Suche

 
Loading...
Loading...

Verweise

PDFDruckenE-Mail

 

HTML Grundkurs - Verweise (Links)

Verweise bezeichnet man allgemein als Links (korrekt Hyperlinks). Sie verweisen auf andere Seiten oder starten eMail Programme. Verweise sind quasi Sprungmarken auf andere Seiten. Dabei kann ein Link auf eine andere Seite innerhalb der eigenen Homepage führen oder es kann eine andere Webseite aufgerufen werden. Dabei gibt es zwei Arten von Links:

  • Links mit relativen Pfaden
  • Links mit absoluten Pfaden

Relativer Pfad (interner Link):

Ein relativer Pfad wird gesetzt: <a href="index.html">Zur Startseite</a>. Ein relativer Pfad wird nur innerhalb einer Domain gesetzt. In diesem Beispiel wird der Link auf die Datei "index.html" gesetzt.

Absoluter Pfad (externer Link):

Bei einem absoluten Pfad wird die gesamte URL angegeben. Ein absoluter Pfad wird eingesetzt, wenn eine andere Webseite aufgerufen werden soll. Beispiel:

<a href="http://www.compu-seite.de">Link nach Compu-Seite</a>

Ein absoluter Pfad kann aber auch für die eigene Domain verwendet werden. Beispiel:

a href=http://www.compu-seite.de/index.html">Zur Starseite</a>

-- Beispiele folgen weiter unten --

Link innerhalb der eigenen Domain (relativer Pfad):

Bevor Verweise gesetzt werden, sollte folgendes beachtet werden:

  • eine Datei sollte einen eindeutigen Namen haben. Dadurch kann sie auch später noch eindeutig identifiziert werden.
  • Der Dateiname sollte auf den Inhalt der Datei hinweisen

Die Dateinamen dürfen weder Leerzeichen noch Sonderzeichen (äöüß) enthalten. Erlaubt sind außer Buchstaben auch das Minus-Zeichen und der Unterstrich _.

Z.B. java-inhalt.htm oder javascripte_uebersicht.htm

Ein Link hat immer die Form von <a href="dateiname.htm">Beschreibung</a>

Der Link ist solange gültig, bis der Endtag  </a>  gesetzt wurde.

Dabei sollten die groß geschriebenen Teile durch den entsprechenden Inhalt ersetzt werden. Beispiel:

Im Browserfenster wird der Links dann unterstrichen angezeigt.

Der Link ändert auch seine Farbe, je nachdem ob er bereits angezeigt wurde oder die Seite noch unbesucht blieb. Auch ändert sich der Mauszeiger, wenn man über einen Link fährt.

Besteht eine Homepage aus mehreren Verzeichnissen, gibt man den jeweiligen Pfad an, in der die verlinkt Datei steht. Wichtig dabei ist nur, dass Sie den / (Slash) verwenden (Schrägstrich über der Zahl sieben).

Beispiel:

<a href="startrek/enterprise_a.htm">Enterprise A</a> Die Mannschaft und das Schiff

Die Darstellung im Browser:

Enterprise A Die Mannschaft und das Schiff

Alles, was innerhalb des <a> - Tags steht (hier Enterprise A), wird als Link dargestellt. Bis zum Ende des Tags (</a>)

Sieht der Link so aus:

<a href="starttrek/enterprise_a.htm">Enterprise A Die Mannschaft und das Schiff</a>

ist die Darstellung folgendermaßen:

 

Enterprise A Die Mannschaft und das Schiff

Link auf eine andere Seite im Internet (absoluter Pfad):

Bei einem absoluten Pfad wird die gesamte URL angegeben. Ein absoluter Pfad wird eingesetzt, wenn eine andere Webseite aufgerufen werden soll. Beispiel:

<a href="http://www.compu-seite.de">Link nach Compu-Seite</a>

Ein absoluter Pfad kann aber auch für die eigene Domain verwendet werden. Beispiel:

a href=http://www.compu-seite.de/index.html">Zur Starseite</a>

Möchte man sich zum Beispiel die Seite von Media Markt mit den neusten Angeboten anzeigen lassen, sieht die Url dorthin so aus:

"http://shop.mediamarkt.de/webapp/wcs/stores/servlet/StoreCatalogDisplay?storeId=5000&langId=-3&catalogId=5000"

Links mit eMail Funktion:

Es besteht natürlich auch die Möglichkeit, einen Link auf ein eMail Programm zu verweisen. Der prinzipielle Aufbau des Links ist:

<A href="mailto: Diese E-Mail-Adresse ist gegen Spambots geschützt! JavaScript muss aktiviert werden, damit sie angezeigt werden kann. "</A>

Als Beispiel: <a Diese E-Mail-Adresse ist gegen Spambots geschützt! JavaScript muss aktiviert werden, damit sie angezeigt werden kann. '; document.write( '' ); document.write( addy_text73295 ); document.write( '<\/a>' ); //--> Diese E-Mail-Adresse ist gegen Spambots geschützt! JavaScript muss aktiviert werden, damit sie angezeigt werden kann. >Schreibe mir eine eMail</a>

Es gibt auch die Möglichkeit, den Text (hier Schreibe mir eine eMail) durch eine Grafik zu ersetzen. Das sieht dann so aus:

<a href="mailto: Diese E-Mail-Adresse ist gegen Spambots geschützt! JavaScript muss aktiviert werden, damit sie angezeigt werden kann. "><img src="email.gif" border=0 width=55 height=55></a>

border =0 (Rahmen) Größe des gif-Bildes durch width und height

Als weitere Möglichkeit gibt es die Möglichkeit, die Betreffzeile zu definieren. Dies geschieht durch Einfügen des Befehls:

?subject=Anfrage

Beispiel:

<a href="mailto: Diese E-Mail-Adresse ist gegen Spambots geschützt! JavaScript muss aktiviert werden, damit sie angezeigt werden kann. ?subject=Anfrage"></A>

Das Ergebnis sieht dann so aus:



 

Wer ist online

Wir haben 33 Gäste online

Besucher

Heute834
Gestern936
Woche3284
Monat17404
Insgesamt496497
   
| Donnerstag, 24. Mai 2012 || Compu-Seite Compu-Seite |