12.2 interne Links – HTML-TAG

interne Links – HTML-TAG <a href

Hier ist unser erster HTML-TAG, der nicht ohne Attribut auskommen kann.

Schauen wir uns als erstes den kompletten Aufbau des HTML-Befehls für Hyperlinks an – wir wollen einen Link zur Seite

UEbersicht HTML Befehle

Der HTML-TAG a steht für das englische „anchor“ was „Anker, ankern, verankern“ bedeutet. Wir setzen also einen Verweis zu etwas. Beim Schiff über den Schiffsanker zu einem Punkt auf dem Meeresgrund, bei dem HTML-Anker auf eine andere Datei (Seite) im Internet.

 

Wir müssen also noch angeben, wohin dieser Verweis führt, flapsig gesagt, „wie dieser verankert ist“. Dazu benötigen wir das Attribut „href“. Dieses steht für Hyperreferenz – also ein Verweis. Hier geben wir also in unserem Attribut an, welche Seite angezeigt wird, wenn der Benutzer auf den Link klickt.

Und damit der Benutzer auch was zum Anklicken hat: der Linktext steht zwischen dem Anfangs- und End-TAG – in unserem Beispiel oben „Übersicht HTML Befehle“.

Dieser Text wird standardmäßig unterstrichen und in blau (wenn diese Seite noch nicht besucht wurde) angezeigt.

Wir benötigen keine weiteren Angaben, wenn sich die Datei im selben Verzeichnis befindet. Wenn nicht, ist das Verständnis der relativen Adressierung wichtig

relativen Adressierung

Alle Links einer Site sind relativ adressiert. Dies bedeutet, dass beim Setzen eines Links nicht die komplette URL, sondern nur der Pfad ab der Startebene der Site angegeben werden muss. Also wird weder Dienstart, Servername noch Länderkürzel eingegeben. Wenn du keine Unterverzeichnisse verwendest, gibt es auch kein Verzeichnis. Durch die relative Adressierung wird Speicherplatz gespart und man kann mit der Internet-Site einfacher umziehen (oder sie z.B. auf CD-ROM brennen)

Liegt eine Datei nicht im Hauptverzeichnis, wird der Pfad angegeben. Im Beispiel unten liegt die Datei im Verzeichnis /_forum

Somit sieht dann der HTML-Code wie folgt aus:

ab ins Forum

Kommentare

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert