Links innerhalb einer Seite

Verweise innerhalb einer Seite

  • Erstelle eine HTML-Datei mit folgendem Quellcode:

<html>
<head>
<title>Die dritte Lektion</title>
</head>

<body bgcolor="#FFFFFF">
<a name="oben"><h2>Verweise innerhalb einer Seite</h2></a>
<p>
<a href="#ab1">Abschnitt 1</a>
/ <a href="#ab2">Abschnitt 2</a>
/ <a href="#ab3">Abschnitt 3</a></p>
<p>&nbsp;</p>
<p>Hier k&ouml;nnte ein Vorwort stehen</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a name="ab1">Abschnitt 1</a>

  Es handelt sich um den ersten Abschnitt dieser Seite</p>
<a href="#oben">nach oben</a>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a name="ab2">Abschnitt 2</a>

  Und der zweite folgt sogleich</p>
<a href="#oben">nach oben</a>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a name="ab3">Abschnitt 3</a>

  Der dritte Abschnitt ist auch ganz nett</p>
<p><a href="#oben">nach oben</a></p>
<p>&nbsp;</p>
</body>
</html>~

  • Benenne die Datei *lektion34.htm*
  • Öffne die Datei *lektion34.htm* im Browser. So sollte es aussehen:

  • Verkleinere dein Browserfenster in der Größe der Abbildung oben.
  • Klick auf "Abschnitt 1" und dann wieder auf "nach oben". Die anderen Links funktionieren nach dem gleichen Prinzip.

Die einzelnen Befehle

  • <a name="oben"><h2>Verweise innerhalb einer Seite</h2></a>~
    Zunächst mußt du also die Stellen markieren und benennen, die dann verlinkt werden können. Dazu eigenen sich zum Beispiel Überschriften. Dafür benutzt du das Attribut "name". Der Name sollte kurz sein und keine Leerzeichen, Sonderzeichen und keine deutschen Umlaute enthalten.
  • <a href="#oben">nach oben</a>~
    Dann kannst Du von einer anderen Stelle darauf verlinken. Im Attribut "href" gibst du dann dein Ziel an. Dafür mußt du vor dem Namen das Zeichen # schreiben.