Was sind Links in HTML
Wenn man einen Link anklickt in HTML springt man auf eine andere Webseite, in ein anderes Dokument oder an eine andere Stelle auf
der gleichen Seite. Links befinden sich auf allen Webseiten. Wenn du mit der Maus über einen Link bewegst, wird der Maus-Pfeil zur kleinen Hand.
Bemerke: Ein Link kann nicht nur Text beinhalten. Es kann ein Bild oder ein anderes HTML Element sein.
Links sind definiert mit dem HTML <a> Start-Tag und dem </a> End-Tag.
Das <href> Attribut beinhaltet die Zieladresse des Links. Der Link-Text ist der sichtbare Teil im Dokument (wird vom Browser angezeigt).
Um mit dem Ziel-Adresse des Link verbunden zu werden klick einfach in den Text. Mit dem target-Attribut können Sie festlegen wie der Link
geöffnet wird, im aktuellen oder einem neu geöffneten Browserfenster oder Tab.
Links
Link zu einer URL:
<a href="https://www.strassencoder.ch">Link-Text</a>
Link zu einem bestimmten Dokument auf einer URL:
<a href="https://www.strassencoder.ch/url.htm">Link-Text</a>
Link zu einem bestimmten Bild auf einer URL:
<a href="https://www.strassencoder.ch/Bilder/Logo12.png">Link-Text</a>
Bild verlinken mit einem .html-Dokument:
<a href="index.htm"><img src="Bilder/Logo12.png" alt="Logo"></a>
Mit Link im gleichen Dokument an eine andere Stelle:
<div id="oben">...</div> ..... <a href="#oben">nach oben</a>
E-Mail Link:
<a href = "mailto: abc@example.com">sende Email</a>
Button Link:
<button onclick="document.location = 'index.htm'">Link-Text</button>
Das target-Attribut:
_blank – Öffnet das verknüpfte Dokument in einem neuen Fenster/Tab:
<a href="https://www.strassencoder.ch" target="_blank">Link-Text</a>
_self – Öffnet das verknüpfte Dokument im selben Fenster/Tab (dies ist Standard):
<a href="https://www.strassencoder.ch/url.htm" target="_self">Link-Text</a>
_parent – Öffnet das verknüpfte Dokument im übergeordneten Rahmen:
<a href="https://www.strassencoder.ch/url.htm" target="_parent">Link-Text</a>
_top – Öffnet das verknüpfte Dokument im ganzen Fensterbereich:
<a href="https://www.strassencoder.ch/url.htm" target="_top">Link-Text</a>
<!DOCTYPE html> <html> <head> <title>Page</title> </head> <body> <h3 style="color: dodgerblue">Link zu einer URL:</h3> <a href="https://www.strassencoder.ch" style="color: black">www.strassencoder.ch</a> <hr> <h3 style="color: grey">Link zu einem bestimmten Dokument auf einer URL:</h3> <a href="https://www.strassencoder.ch/url.htm" style="color: black">www.strassencoder.ch/url.htm</a> <hr> <h3 style="color: dodgerblue">Link zu einem bestimmten Bild auf einer URL:</h3> <a href="https://www.strassencoder.ch/Bilder/Logo12.png" style="color: black">www.strassencoder.ch/Bilder/Logo12.png</a> <hr> <h3 style="color: grey">Bild verlinken nach index.htm:</h3> <a href="index.htm"><img src="Bilder/Logo12.png" alt="Logo"></a> <hr> <h3 style="color: dodgerblue">Mit Link im gleichen Dokument an eine andere Stelle:</h3> <div id="oben">...</div> <a href="#oben" style="color: black">nach oben</a> <hr> <h3 style="color: grey">E-Mail Link:</h3> <a href = "mailto:abc@example.com" style="color: black">sende Email</a> <hr> <h3 style="color: dodgerblue">Button Link:</h3> <button onclick="document.location = 'index.htm'" style="color: black"> nach index.htm</button> </body> </html>
CopyToClipboard
