Lycos: Einführung in das Internet

Tripod-HTML-Kurs (2)

Tripod-HTML-Kurs (1): Links

Mit Links können Sie auf eine andere Stelle im selben Dokument verweisen oder auf eine ganz andere Seite im World Wide Web springen. Sie können Text oder ein Bild verlinken.

1. Verlinken eines Textes, irgendwo ins WWW

<a href="http://www.lycos.de">Die Lycos-Suchmaschine</a>

Dabei bedeuten: "a href" ist der sogenannte Anker (a von anchor) auf ein Ziel (href von Hypertext reference). Das Ziel steht dabei in Anführungszeichen. Den Text "Die Lycos-Suchmaschine" sehen Sie in Ihrem Browser als Link erkennbar unterstrichen: Die Lycos-Suchmaschine. Das abschließende Tag </a> schließt den Link ab.

2. Verlinken eines Bildes, irgendwo ins WWW

<a href="http://www.lycos.de">
<img src="./test.gif"></a>

Das Bild bekommt einen sichtbaren Rahmen, den das Bild als verlinkt kennzeichnet. Möchten Sie diesen Rahmen unterdrücken, können Sie die Rahmendicke auf 0 setzen, d.h. border="0":

<a href="http://www.lycos.de"><img src="./test.gif" border="0"></a>

3. Verlinken eines Textes oder Bildes im selben Dokument

Soll ein Link zu einer anderen Stelle im selben Dokument führen, muß diese Stelle zunächst gekennzeichnet werden.
Die Kennzeichnung erfolgt durch

<a name="hierher">Stelle an die gesprungen werden soll</a>.

Der Link, der auf diese Stelle verweisen soll, sieht dann so aus:

<a href="#hierher">Ein Verweis zu der Stelle, die den Namen "hierher" erhalten hat</a>

Sie sehen, daß dem Namen bei der Verlinkung ein "#" vorangestellt wird.

Für Ihre Homepage

In unserem Beispiel haben wir 2 zusätzliche Bilder eingebunden (muster.jpeg), um die Seite länger zu machen, damit Sie deutlich den Effekt des internen Verweises sehen:

<H1><a name="anfang">Das ist meine Homepage!</a></H1>
Meine Hobbies sind HTML <B>und</B> Volleyball.

<H2>Informationen über HTML</H2>
Ich mache zur Zeit einen HTML-Kurs <a href="http://www.lycos.de">bei Tripod</a>.

<H2> Informationen über Volleyball</H2>
Schon seit vielen Jahre spiele ich <i>Volleyball</i>.

<p> Ein Bild von mir:<p>

<a href="http://www.lycos.de"><img src="bild_von_mir.gif alt="Mein Portrait" width="150" height="100"></a>
<p>

<img src="muster.jpeg alt="" width="150" height="250">
<p>

<img src="muster.jpeg alt="" width="150" height="250">
<p>

Springe an den <a href="#anfang">Anfang</a> dieses Dokumentes.