Computer & Internet:  Alle im Treff Forum Veranstaltungen Gästebuch

Mach mit bei Feierabend.de!

Finde neue Freunde für Leben, Liebe und Freizeit

Online Sofortkontakt zu 160.000 Gleichgesinnten

Triff nette Menschen „vor Ort“ in 120 Regionalgruppen

Jetzt kostenlos anmelden!


Automatisch einloggen?

Passwort vergessen?
R_computer

Für Gestaltung und Inhalt dieser Thementreffseiten sind ausschließlich die jeweiligen Thementreffverwalter verantwortlich. Die von den Thementreffverwaltern eingegebenen und heraufgeladenen Inhalte unterliegen grundsätzlich weder einer Kontrolle durch Feierabend, noch nimmt Feierabend hierauf Einfluss. Hiervon ausgenommen sind werbliche Einblendungen und Beiträge die von Feierabend direkt eingestellt wurden und als solche gekennzeichnet sind.
Thementreff Computer & Internet

Lokale Links in Homepages


In längeren Texten sieht man häufig Links auf andere Textstellen oder ein Inhaltsverzeichnis, bei denen ein Klick auf eine Zeile direkt zum entsprechenden Kapitel führt.
Bekanntlich verweist eine URL immer auf eine Seite, aber nicht auf eine Stelle innerhalb einer Seite. Für diesen Fall bietet HTML so genannte lokale Links.
Den Link selbst schreibt man so

<a href="#ziel">Link-Text</a>

Der Name des Verweisziels muss in Anführungszeichen stehen. Er darf keine Leerzeichen und keine Sonderzeichen und keine Umlaute enthalten. Per Konvention schreibt man den Text in Kleinschrift. Der Link-Text ist Pflicht.

für das Sprungziel schreibt man dann
<a name=ziel>Text oder leer</a>
Beim Sprungziel gibt man meistens keinen Text an, weil man einfach <a name=ziel></a> vor den vorhandenen Text setzt. Ein Beispiel:

<a href="#kap3">Kapitel 3</a>
.
.
<a name=kap3></a> <b>Kapitel 3</b>


Ein anderes Beispiel zeigt dieses Beispiel.
Der Code dafür sieht so aus:

<a name=start>
<font size=4>
<a href="#bild1">Zeige Bild 1</a><br>
<a href="#bild2">Zeige Bild 2</a><br>
<a href="#bild3">Zeige Bild 3</a><br>
<a href="#bild4">Zeige Bild 4</a><br>
</font>

Bei jedem Bild steht dann -- zum Beispiel --

<a name=bild2></a> Bild 2
<img src=http://www.feierabend.com/images/channel/web/3/7/g.47537.jpg align=top>

<a href="#start">zurück</a>


Autor

Peter (WoSoft)

Diesen Artikel...

weiterempfehlen an:

  bewerten:
(bisher
21
Bewertungen)

  Um diesen Artikel zu kommentieren musst Du eingeloggt sein! Einblenden / verstecken hat 0 Kommentar(e):