Weblinks ( Einführung ) Links und Web Technologien

Ein Weblink wird auch Hyperlink genannt. In HTML entspricht einem Weblink ein a-Tag. Ein a-Tag kann eine ( externe/interne ) Webseite anfordern und in einem Fenster ( _self, _blank_, FRAME_Fenster ) anzeigen.

HTML und externe Weblinks externe Verweise

Damit beim Lesen des aktuellen Webdokumentes die Leseposition und Lesedokument bei einem Klick auf einen Weblink ( Verweise, a-Tag ) bleiben, kann ein solcher Weblink das Sprungziel ( Target-URL ) in einem neuen Browser-Tab öffnen. Dies erfolgt etwa so:

de.wikipedia: 
<a class="extern" target="_blank"
   href="http://de.wikipedia.org/wiki/Hypertext_Markup_Language">
   HTML
</a>,
w3.org: 
<a class="intern" target="_blank"
   href="http://www.w3.org/TR/2012/WD-html51-20121217/">
   HTML5.1
</a>

Teste diese Weblinks de.wikipedia: HTML , w3.org: HTML5.1

HTML und Website-interne links Website-interne Verweise

Ist das Sprungziel eine Webseite, die zur eigenen Domain gehört, so kann das aktuelle Webdokumente durch das neue Zieldokument ( der gleichen Domain ) ersetzt werden. Das target="_self" läd das Zieldokument in das aktuelle Fenster ( window ). Dies erfolgt etwa so:

<a class="intern" target="_self"
   href="../../ifs/tutorial/bit-und-byte-fragen.htm">
   Fragen
</a>  zu Bits und Bytes

Teste diese Weblinks Fragen zu Bits und Bytes und Quiz-Fragen zu Bits und Bytes

HTML und Webseite-interne links Webseite-interne Verweise

Ist das Sprungziel innerhalb der aktuellen Webseite, so kann die Zielstelle im aktuellen Webdokument in den sichbaren Bereich gescrollt werden.

Beispiel: Um bei einer umfangreichen HTML-Seite zum Seitenanfang zu sprinegne, wird nach dem vody-Tag eine
Zielmarkierung
<a id="TOP"></a> gesetzt. Die id-Attribute müssen eindeutig gewählt werden, d.h. id="TOP" darf es nur einmal je Seite geben.
An der Absprungstelle steht:
<a class="" href="#TOP"> Springe zum Seitenanfang </a>

Teste: Springe zum Seitenanfang

Download ( Homepage-Rahmen ) Menu als Inhaltsverzeichnis

Besteht eine Homepage aus zahlreichen Seiten, so ist eine Menü-Seite günstig, die ähnlich einem Buch-Inhaltsverzeichnis arbeitet. Hier ist ein einfaches Grundgerüste ( homepage-rahmen.zip )