1.6 Hyperlinks
Eine der wichtigsten Eigenschaften von HTML ist die Möglichkeit, Verweise zu definieren. Diese so genannten Hyperlinks können zu anderen Stellen im gleichen Dokument führen, aber auch zu beliebigen anderen Adressen im World Wide Web.
Quellcode
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Kaufmännische Schule Tauberbischofsheim</title>
</head>
<body>
<img src="img/logo.png" alt="Logo der Kaufmännischen Schule Tauberbischofsheim">
<h1>Kaufmännische Schule Tauberbischofsheim</h1>
<a href="index.html">Startseite</a>
<a href="bildungswege.html">Bildungswege</a>
<a href="termine.html">Termine</a>
<a href="impressum.html">Impressum</a>
<h2>Herzlich Willkommen</h2>
<img src="img/eingang.jpg" alt="Haupteingang der Kaufmännischen Schule Tauberbischofsheim">
<p>
</body>
</html>
HTML
<html lang="de">
<head>
<meta charset="utf-8">
<title>Kaufmännische Schule Tauberbischofsheim</title>
</head>
<body>
<img src="img/logo.png" alt="Logo der Kaufmännischen Schule Tauberbischofsheim">
<h1>Kaufmännische Schule Tauberbischofsheim</h1>
<a href="index.html">Startseite</a>
<a href="bildungswege.html">Bildungswege</a>
<a href="termine.html">Termine</a>
<a href="impressum.html">Impressum</a>
<h2>Herzlich Willkommen</h2>
<img src="img/eingang.jpg" alt="Haupteingang der Kaufmännischen Schule Tauberbischofsheim">
<p>
Wir freuen uns über Ihr Interesse und<br>hoffen Ihnen auf den folgenden Seiten einen kleinen Einblick in unsere Schule geben zu können.
</p></body>
</html>
a-Element
Hyperlinks, kurz Links genannt, werden mit Hilfe des a-Elements erzeugt.
Das Attribut href
Das Attribut href (Hypertext REFerence) enthält den Verweis zum Ziel des Hyperlinks.
HTML
<body>
...
<h1>...
<a href="index.html">Startseite</a>
<a href="bildungswege.html">Bildungswege</a>
<a href="termine.html">Termine</a>
<a href="impressum.html">Impressum</a>
<h2>...
...
</body>
...