Die digitale Kette des Internets.
| Variante | Schreibweise | Beispiel | Hinweis |
|---|---|---|---|
| interne Verlinkung | "test.html" | <a href="test.html">Test</a> |
Funktioniert nur, wenn die Datei im selben Verzeichnis liegt. |
| interne Verlinkung mit Ordner | "pages/test.html" | <a href="pages/test.html">Test</a> |
Funktioniert nur, für Dateien, die in diesem Unterordner liegen. |
| externe Verlinkung | "https://google.de" | <a href="https://google.de">Test</a> |
Statt http oder https kann man auch // schreiben, der Browser wählt nun automatisch SSL, wenn verfügbar. |
| externe Verlinkung im neuen Tab | "https://google.de" target="_blank" | <a href="https://google.de" target="_blank">Test</a> |
Die Erweiterung um den Target Tag sorgt dafür, dass die URL sich im neuen Tab öffnet. |
| Sprungmarke | "#hund" | <a href="#hund">Test</a>
<img src="hund.png" id="hund" /> |
Mit Sprungmarken kann man innerhalb eines Dokuments zu Inhalten hin springen. |
| Sprungmarke nach oben | "#" | <a href="#">Test</a> |
Eine Sprungmarke ohne ID navigiert automatisch nach oben. |
| Dateien | "documents/rechnung.pdf" | <a href="documents/rechnung.pdf">Test</a> |
Dateien werden wie normale HTML Seiten verlinkt. |
| Dateien mit Download | "documents/rechnung.pdf" download | <a href="documents/rechnung.pdf" download>Test</a> |
Mit der Erweiterung download wird die angegebene Datei direkt mit dem Filename runtergeladen. Die Datei muss dafür auf dem eigenem Server liegen. |
| Navigation aus Hauptverzeichnis | "/documents/rechnung.pdf" | <a href="/documents/rechnung.pdf">Test</a> |
Wenn man nicht weiß in welchem Ordner man sich befindet zum Verlinken, dann kann man mit einem vorstehenden Slash immer vom Hauptverzeichnis aus navigieren. |