Sie sind hier: Startseite -> HTML-Grundlagen -> a-Tag (Inhalt -> Links)

HTML a-Tag für Links im Inhaltsbereich der Webseite

Links zu Webseiten und Anker

Die Grundlage des gesamten Internet besteht aus Verlinkungen. Von einer Webseite kommt man per Link zur nächsten. Aber auch innerhalb einer Webseite funktioniert nichts ohne Verlinkung. Jede Unterseite wird durch Links, in welcher Form auch immer, mit der aktuellen Seite, auf der man sich gerade befindet, verbunden.

Die Durchführung erfolgt durch den HTML Befehl a-Tag, wobei das A für anchor, zu deutsch Anker, steht. Das mag nun etwas widersprüchlich erscheinen, denn auch beim Verlinken kann der Anker eingesetzt werden, doch tatsächlich geht es beim Link um eine Verknüpfung von A und B. A ist die Webseite und der Bereich der Seite, wo man sich gerade befindet und B ist das Ziel. Das Ziel ist meistens eine andere Seite der aktuellen Webseite, oft eine andere Webseite und manchmal ein Teilbereich einer Seite, eben der eigentliche Anker.

Links in den Webseiten mittels a-Tag


Webhosting mit viel Software bei Alfahosting (Affiliate-Link)


Im Grunde besteht jede Navigation, egal, ob sie aus Bildern oder Text besteht, aus Links. Auch eine Image-Map besteht aus Links. All diese Anwendungen werden durch den a-Tag realisiert, der beim Verlinken zu einer anderen Unterseite oder auch zu einer anderen Webseite durch den Zusatz href definiert wird. Mit "href" wird dem A-Tag die Adresse mitgegeben, wohin verlinkt werden soll.

Handelt es sich um einen Anker, dann wird stattdessen der Zusatz name mitgeschickt. Auch hier beinhaltet name die Adresse. Ein Anker ist ein bestimmter Punkt auf einer bestimmten Seite. Ein typisches Beispiel für den Anker sind die Antworten einer FAQ, wenn man auf die Frage klickt. Lange FAQ´s würden bedeuten, dass man sehr lange scrollen muss, bis man bei der gewünschten Antwort angekommen ist. Durch die Verlinkung mit dem Anker kommt man per Knopfdruck zur gewünschten Textstelle. Link und Anker können auch kombiniert werden, sodass man auch auf externe Webseiten verlinken kann und gleichzeitig einen Anker mitschickt, damit die Besucher/innen gleich zur richtigen Stelle gelangen können.

Formatierung von Links per CSS

Links werden gerne mit Farben hervorgehoben und auch mit Javascript wird gerne gearbeitet. Doch durch die verbesserte CSS-Technik sollten solche Einstellungen mit einer CSS-Datei realisiert werden. Der Grund ist simpel: wenn man viele Links hat, muss man jeden ändern, wenn man später die Farben wechseln möchte. Durch eine CSS-Datei kann das zentral erfolgen. Man hat die vollständige Kontrolle und spart außerdem viel Zeit.

Ob die verschiedenen Farben aber überhaupt erkannt werden ist ein Thema für sich. Aber vor allem die Einstellung der Links - unterstrichen, unterstrichen, wenn man über den Link fährt oder auch mit größerer oder kleinerer Schrift - all diese Überlegungen lassen sich per CSS leichter und schneller realisieren.

Lesen Sie auch


Webhosting bei Alfahosting - jetzt gratis testen! (Affiliate-Link)


Der Text ist der eigentliche Inhalt, wobei es nicht immer Text sein muss. Manche Webseiten bestehen aus einem einzigen Forum, andere aus verschiedenen Bildergalerien. Aber der Text ist meistens im Mittelpunkt und damit auch seine mögliche Gestaltung. Ein wesentlicher Faktor ist die gewählte Textgröße und dann ist man auch schon bei der Schriftgestaltung von Fett bis Kursiv oder dem Unterstreichen angelangt.

Und dann gibt es die Themen, die bei der generellen Gestaltung wichtig sind. Dazu gehört die Überschrift, dazu gehört die Entscheidung zwischen Absatz und Zeilenumbruch sowie die Links als weiterführende Technik auf die nächsten Seiten, in der Navigation oder auch zu externen Quellen.

Themenseiten

Diesen Artikel teilen

Infos zum Artikel

Verlinkung auf der WebseiteArtikel-Thema: HTML a-Tag für Links im Inhaltsbereich der Webseite
Beschreibung: Der 🌍 a-Tag in HTML bietet die Möglichkeit einer ✅ Verlinkung zu anderen Seiten, sei es innerhalb einer Webseite oder zu externen Seiten.

Kategorien

Grundlagen
HTML-Grundlagen
CSS-Grundlagen
Javascript-Grundlagen
PHP-Grundlagen
MySQL-Grundlagen
SEO-Grundlagen

Infos, Tipps, Vermarktung
Webdesign-Lexikon
Online-Werbung
PHP-Codeschnipsel
Praxisartikel