Links

Links einfügen

Links sind das, was das Internet eigentlich ausmacht. Durch Links kann man auf andere Seiten verweisen, und ermöglicht dem Benutzer einen Sprung, von einer Seite zur nächsten Seite.

Doch wie erstellen wir einen solchen Link?

Ganz einfach, mit dem a Tag:

ERROR: Content Element with uid "1072" and type "beautyofcode_contentrenderer" has no rendering definition!

Dieser Link verweist auf auf die HTML Seite test2.htm, also einer weiteren Seite von dir. Manchmal möchtest du aber auch auf andere Seiten im Internet veweisen. Sehr wahrscheinlich willst du einen Link zu uns auf admin-wissen.de setzen. Für solche Fälle kann man als Linkziel die URL der Seite angeben auf die man Verweisen möchte.

Ein Beispiel:

ERROR: Content Element with uid "1074" and type "beautyofcode_contentrenderer" has no rendering definition!

Diese einfachen Links haben einen unangenehmen Nebeneffekt, die Seite auf die du verweist wird im selben Fenster geöffnet wie deine Seite. Dadurch verlässt der Besucher deine Seite.

Es gibt eine Lösung für dieses Problem. Der Linktag hat als Attribut ein Zielfenster eines Links. Dieses Attribut heisst "target", dort wird der Name des Zielfensters eingegeben.

Wie heisst neue nicht geöffnete Fester eigentlich, wirst du dich jetzt vielleicht Fragen.

Die Lösung hierfür ist, einfach einen Namen einzusetzen den es nicht gibt.

ERROR: Content Element with uid "1076" and type "beautyofcode_contentrenderer" has no rendering definition!

Würde die Seite also in einem neuen Fenster öffnen. Hierbei hat sich aber eingebürgert, als target "_new" zu nehmen.

Besser wäre also:

ERROR: Content Element with uid "1077" and type "beautyofcode_contentrenderer" has no rendering definition!

Bilder als Link

Natürlich kann man mehrere Tags, wie fast immer in HTML, kombinieren und verschachteln. So können wir auch ein Bild als Link benutzen.

Wir müssen ganz einfach um unseren Bilder Tag einen Link Tag herumsetzen:

ERROR: Content Element with uid "1079" and type "beautyofcode_contentrenderer" has no rendering definition!

Jetzt kannst du schon Links auf andere Seiten setzen. Aber was ist, wenn man einen Link zu einer bestimmten Stelle in einem Text setzen möchte?

Anker Links

Manchmal möchten wir im Text einer Seite auf eine ganz bestimmte Stelle verweisen. Zu diesem Zweck gibt es in HTML Anker Links.

Um auf einen Ankerlink zuverweisen, muss man erstmal an der Zielstelle einen Anker setzen. Das machen wir mit dem folgenden Tag:

ERROR: Content Element with uid "1081" and type "beautyofcode_contentrenderer" has no rendering definition!

Veweisen tuen wir auf diesen Anker mit folgendem Tag:

ERROR: Content Element with uid "1083" and type "beautyofcode_contentrenderer" has no rendering definition!

oder von einer anderen Seite mit:

ERROR: Content Element with uid "1084" and type "beautyofcode_contentrenderer" has no rendering definition!

Wow! Wir haben eine Menge gelernt. Sie können jetzt eine Webseite mit Links erstellen und wissen alles um den Inhalt der Webseite zu formatieren.

Lebendiger werden Webseiten durch interaktive element. Durch interaktive Element kann der user mit einbezogen werden und aktive werden. Speziell für serverbasierte Anwendungen ist es wichtig Formulare zu verstehen.

Auf der nächsten Seite geht es darum, ein einfaches Formular zu implementieren, dass eine Mail versendet und einfach Formularelemente enthät.

 

Navigation