E-Book Startseite Karteikarten-Programm
0
Inhalt dieser Seite
  1. Links

Links

Links sind einer der wichtigsten Bestandteile einer Webseite. Denn wie soll man bei einer Webseite auf eine "Unterseite" der Webseite kommen? Wie auch bei dem Standardtext, verwendet man für Links die a-Tags. Wie schon vorher einmal erklärt, werden die Tags mit <a> und </a> gekennzeichnet. Zusätzlich zu den Tags müssen Sie das href-Attribut angeben. Der Attributname href, ist eine Abkürzung für hyper reference und bedeutet so viel wie Hypertext-Referenz. Links sind unter anderem auch durch CSS "designbar" (dazu im Kapitel "CSS lernen" unter "Links" mehr). Des Weiteren kann man durch Verschachtelung von a-Tags und Bild-Tags auch Bilder als Link verwenden. Wenn Sie einem a-Tag einen "Namen" geben (<a name="text">), können Sie mit einem Link ebenfalls dort wieder hinspringen. Dazu aber später noch mehr. Hier ein paar Beispiele zu Links:

<a href="/index.php">Dieser Link führt zur Startseite...</a><br />
<a href="http://www.homepage-webhilfe.de/CSS/">Dieser Link führt zum CSS-Kapitel...</a><br />
<br />
<a name="text">Dieser Text hat den Namen "text". Mit einem Link, kann man dort wieder zurückspringen.
<br />Dieser Text hat den Namen "text". Mit einem Link, kann man dort wieder zurückspringen.
<br />Dieser Text hat den Namen "text". Mit einem Link, kann man dort wieder zurückspringen.
<br />Dieser Text hat den Namen "text". Mit einem Link, kann man dort wieder zurückspringen.
<br />Dieser Text hat den Namen "text". Mit einem Link, kann man dort wieder zurückspringen.
<br />Dieser Text hat den Namen "text". Mit einem Link, kann man dort wieder zurückspringen.
<br />Dieser Text hat den Namen "text". Mit einem Link, kann man dort wieder zurückspringen.
<br />Dieser Text hat den Namen "text". Mit einem Link, kann man dort wieder zurückspringen.
<br />Dieser Text hat den Namen "text". Mit einem Link, kann man dort wieder zurückspringen.
<br />Dieser Text hat den Namen "text". Mit einem Link, kann man dort wieder zurückspringen.</a><br />
<a href="#text">Dieser Link führt zu dem Absatz mit dem Namen "Text"...</a>
Anzeigebeispiel
Anzeigebeispiel


Des Weiteren können Sie auch noch beeinflussen, ob sich der Link in einem neuen Fenster / Tab oder im gleichen Fenster / Tab öffnen soll. Wenn Sie innerhalb des a-Tags zusätzlich zu dem href-Attribut das target-Attribut mit dem Wert "_blank" angeben bewirkt es, dass sich der Link in einem neuen Fenster oder Tab öffnet (Tab oder Fenster kann mit HTML nicht beeinflusst werden!). Wenn Sie statt target="_blank", target="_self" verwenden, öffnet sich der Link im gleichem Fenster / Tab, das heißt target="_self" können Sie sich auch einfach sparen, da dies die Standard-Aktion bei Links sind. Hier noch das Praxis-Beispiel:

<a href="/index.php" target="_self">Dieser Link führt zur Startseite und öffnet sich im gleichen Fenster bzw. Tab...</a><br />
<a href="/index.php" target="_blank">Dieser Link führt zur Startseite und öffnet sich in einem neuen Fenster bzw. Tab...</a>
Anzeigebeispiel
Anzeigebeispiel



Design:
 


Logo
Benjamin Jung
Krummstr. 9/3
73054 Eislingen

E-Mail: info@homepage-webhilfe.de
Webseite: www.homepage-webhilfe.de