|
Hypertext und Links kennzeichnen Sie in XHTML mit dem
a-Element:
- a markiert Text innerhalb eines Elementes als Hypertext-Link
- a definiert ein ganzes Element, z.B. eine Grafik, als Link
- a als benannter Anker kennzeichnet eine Stelle
in einem Dokument, auf die ein anderer Link verweisen kann.
Das Element a muss entweder mit dem Attribut href
oder dem Attribut id näher definiert werden.
Mit href geben Sie das Verweisziel eines Links an.
Mögliche Werte für href sind:
| URL |
<a href="http://www.comet-comm.de"> |
| Dateiname (relative URL) |
<a href="beispiel.html"> |
| Name eines Ankers |
<a href="#seitenanfang"> |
|
Dem Namen eines Ankers stellen Sie in href immer die Raute
(#) voran.
Mit id definieren Sie das Element oder den Text als benannten
Anker.
<a id="seitenanfang"><h2>Beispiele für
Links</h2></a>
Mit dem Universalattribut title können Sie den Browser
kleine Textfelder (Tool-Tips) anzeigen lassen, wenn sich der Mauszeiger
über den Hyperlink-Text bewegt.
<a href="beispiel.html" title="Ein Beispiel für
Links">Beispiel</a>
Browser stellen Hypertext-Links üblicherweise unterstrichen
und in einer anderen Farbe dar, meistens blau. Haben Sie einen Link bereits
einmal angeklickt, das heisst das Verweisziel besucht, wird der besuchte
Link beim erneuten Aufruf der Seite in einer weiteren Farbe dargestellt,
meistens violett.
Einige Browser ändern ausserdem die Farbe eines Links, wenn sich
der Mauszeiger über dem Link befindet.
Beobachten Sie dies im Beispiel
für "Links und Verweise".
Tipp:
Beachten Sie, dass auch Leerzeichen zwischen dem Start-Tag, Hyperlink-Text
und End-Tag unterstrichen dargestellt werden. Deshalb sollten die a-Tags
direkt an den Text anschließen, um unerwünschte kleine Linien
zu vermeiden.
Beispiel:
...
<p>Bei diesem Link gibt es
<a href="#"> Abstände </a>
zwischen Hypertext und a-Tags.</p>
<p>Dieser Link enthält <a href="#">keine
Abstände</a> zwischen Hypertext und a-Tags.</p>
...
Beispiel im Browser anzeigen
|
