HTML Links

HTML-Dokumente können auf andere HTML-Dokumente verweisen, zurückverweisen und weiterverweisen. Das Surfbare Internet wie wir es heute kennen ist im Endeffekt also eine Sammlung verlinkter HTML-Dokumente.

<a href="pfad/zu/html">Link-Text</a>

Ein Link wird mit einem <a>-Tag erzeugt

• das Attribut href das Link-Ziel angibt
• der Inhalt des Tags als Link-Text angezeigt wird

/

• index.html
• pages
  • first.html
  • second.html

<h1>Startseite</h1>
Willkommen auf meiner Webseite!
<a href="./pages/first.html">Hier klicken</a> um zur nächsten Seite zu kommen.

Ausprobieren

Probieren Sie obiges Beispiel aus, klicken Sie die einzelnen Links und versuchen Sie zu verstehen, wie die HTML-Dokumente untereinander verlinkt sind.

Seite verlinken und lokal nachbauen

/

• index.html
• charaktere.html
• planeten.html
• technologie
  • raumschiffe.html
  • droiden.html
• assets
  • logo.jpg
  • characters.jpg
  • planeten.jpg
  • millenium-falcon.jpg
  • star-destroyer.jpg
  • droiden.jpg

<h1>Star Wars</h1>
<img src="./assets/logo.jpg" alt="Star Wars Logo" width="300">