5. Links

Kapitel 4 ←  •  → Kapitel 6
  
Eigentlich hei�en Links offiziell "Hyperlinks".

Text verlinken:

Der Tag lautet:

<a href="Internetadresse">Verlinkter Text.</a>

Zum Beispiel verlinke ich jetzt den Text "Hall�chen!" mit meiner Einleitung:
<a href="kurs_00.htm">Hall�chen!</a>



Die Farbe von Links

Die Farbe von unbenutzten Links:
Kann im <body>-Tag ge�ndert werden. Die Erweiterung lautet:

<body link="farbe">

Die Farbe von benutzten Links:
Ebenfalls im <body>-Tag.

<body vlink="farbe>

Das "vlink" steht f�r "visited link", also "besuchter Link".

Die Farbe von gerade angeklickten Links:
Ebenfalls im <body>-Tag.

<body alink="farbe>

Das "alink" steht f�r "activated link", also "aktivierter Link".


Verlinkte Bilder:

Funktioniert genauso wie bei Text, nur da� statt dem Text die Adresse des Bildes angegeben wird:

<a href="Internetadresse"> <img src="bildname.jpg"> </a>

Zum Beispiel verlinke ich jetzt das Bild dieses Pinguins mit Kapitel 1.

Wie ihr sehen k�nnt, ist um das Bild herum ein Rahmen. Der wird automatisch drum gemacht, wenn es verlinkt ist, und betr�gt standardgem�� 2 Pixel. Aber nat�rlich kann man das �ndern.
Wenn ihr keinen Rahmen m�chtet, f�gt hinter img src="bildname.jpg" noch ein ... border="0" ... .
Wenn ihr einen kleineren oder gr��eren Rahmen m�chtet, f�gt hinter img src="bildname.jpg" noch ein ... border="x" ..., also eine beliebige Zahl.
Es soll so aussehen:

<img src="bildname.jpg" border="5">



Links zu einem bestimmten Punkt einer Seite:

Vielleicht habt ihr eine riesige Seite mit jeder Menge 'Unter�berschriften' oder 'Unterabteilungen', und vielleicht m�chtet ihr an den Kopf dieser Seite nochmal ein Inhaltsverzeichnis mit Links zu den jeweiligen Unterabteilungen stellen.

Daf�r braucht es zwei Schritte:

  1. Als Internetadresse nehmt ihr die Seite, in der sich die Unterabteilung befindet. Aber: direkt hinter die Adresse setzt ihr ein #xxx. Also so:
    <a href="http://www.gew�nschteadresse.htm#nr5">
    Link zu 'Nr. 5' auf der Seite. </a>

    F�r den Namen dieser Unterabteilung k�nnt ihr alles nehmen, Buchstaben oder Ziffern, ist ganz egal. Er sollte nur nicht zu lang werden.
  2. An die Stelle, an die das Bild springen soll, setzt ihr folgenden Tag:
    <a name="nr5">

    "nr5" ist nur ein Beispiel; ihr m��t nat�rlich den Namen nehmen, den ihr in Schritt 1 hinten an die Adresse angeh�ngt habt.
Beispiel: Ich verlinke jetzt die �berschrift "Die Farbe von Links" auf dieser Seite:
<a href="kurs5.htm#farbe"> Hier klicken! </a>

Ihr k�nnt diese Methode auch benutzen, um von einer Website zu der Unterabteilung einer beliebigen anderen Website zu springen.

Kapitel 4 ←  •  → Kapitel 6
1
Hosted by www.Geocities.ws