HTML/Tutorials/Links

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Link-icon.svg

Das Besondere an HTML-Dokumenten ist die Verknüpfung mehrerer Seiten oder Mediendateien mit HyperText, die erst das Internet möglich gemacht hat. Mit Hyperlinks oder Links (to link, engl. „verbinden“) werden Stellen in einem Dokument bezeichnet, die die Möglichkeit bieten, auf ein anderes Dokument oder zu einer anderen Stelle im selben Dokument zu verweisen und mit einem Klick oder Tap dort hin zu springen. In diesem Kurs lernen Sie, wie Sie solche Verweise auszeichnen und benutzerfreundlich gestalten.

  1. Hypertext
  2. Referenzieren in HTML
    • Mit vollständigen URIs referenzieren
    • protokollrelativ
    • Mit relativen Pfadangaben referenzieren

  3. Seiteninterne Verweise
    • Sprungmarken zum Seitenanfang
    • unsichtbare Anker
  4. Gestaltung mit CSS
    • Wie sieht ein guter Verweis aus?
    •  :hover und :focus
    • Text-Links mit CSS gestalten
    • externe Links kennzeichnen
  5. spezielle Verweisziele
    1. Verweise auf Mailadressen
    2. klickbare Telefonnummern
      • QR-Codes
    3. Programme ausführen
      • Plugins für Office-Dateien
      • Download-Links anbieten
    4. JavaScript ausführen


Ursprünglich zeigten Anker in zwei Richtungen:

  • Verweisanker mit der Angabe einer URL zu einer anderen Datei.

Hauptartikel: HTML/Tutorials/Links/Referenzieren in HTML

  • Zielanker mit dem mittlerweile obsoleten name-Attribut. Dies lässt sich heute viel einfacher mit dem id-Universalattribut erreichen.

Hauptartikel: HTML/Tutorials/Links/Seiteninterne Verweise

Siehe auch