Alles klar soweit !?

Sie befinden sich hier:

In diesem Tutorium besch├Ąftigen wir uns mit der verwendung von Links. Es gibt verschiedene Arten von Links. Links zu externen Seiten, internen Seiten und innerhalb einer Seite (auch Anker genannt). Am Ende dieses Beitrags erl├Ąutern wir auch die M├Âglichkeit von Links mithilfe von Bildern.

Zwischen den Links zu externen und internen Seiten gibt es keinen wesentlichen Unterschied. Dieser Liegt nur darin, dass der Bezug, also die URL, sich anders aufbaut. Das hei├čt, bei internen Links kann man beispielsweise den Serverpfad angeben und bei externen muss man die komplette URL angeben.

Ein Link ist aufgebaut mit einem Anfangs-Tag “<a”, dem notwendigem Attribut “href” (die Ziel-URL), dem Text oder dem Bild das angezeigt werden soll und dem schlie├čenden Tag “</a>”.

Anhand des folgenden Beispiels k├Ânnt ihr sehen, wie ein solcher Link aufgebaut ist.

<a href="http://www.klarobox.de">Hier befindet sich der verlinkte Text</a>

M├Âchtet ihr einen Link auf eine interne, also eine Seite, die bei euch auf dem Server liegt, f├╝hren, habt ihr folgende M├Âglichkeiten.

  • Liegt die Seite im selben Serververzeichnis, k├Ânnt ihr die Html-Seite direkt abrufen.
<a href="beispiel.html">Link auf eigene Seite</a>
  • Liegt die Seite in einem Unterverzeichnissetzt ihr den Ordnernamen davor:
<a href="ordnername/ordnername/beispiel.html">Link auf Seite im Unterverzeichnis</a>
  • Liegt die Seite in einem ├╝bergeordnetem Verzeichnis setzt ihr zwei Punkte und ein “/” davor:
<a href="../beispiel.html>Link auf ├╝bergeordnete Seite</a>
  • nat├╝rlich geht es auch zuerst in den ├╝bergeordneten und dann in einen untergeordneten Pfad zu f├╝hren:
<a href="../ordnername/beispiel.html>Link auf ├╝bergeordnete Seite</a>

Link innerhalb einer Seite/Anker: (Beispiel)
Ihr m├Âchtet beispielsweise am Seitenende einen Link zum Seitenanfang, dann setzt ihr an den Seitenanfang den Anker

<a name="anker">

und ans Seitenende folgt dann der Link zu diesem Anker

<a href="#anker">Seitenanfang</a>

Ihr habt auch die M├Âglichkeit einen Anker aus einer anderen Seite anzusprechen:

<a href="http://www.klarobox.de#anker">Anker auf anderen Seite</a>

Links mit Bildern
Es ist eigentlich kein gro├čer mehraufwand dem Link ein Bildzuzuordnen. Das einzige, was ihr zu tun habt ist anstatt des anzuzeigendem Text ein Bild einzuf├╝gen!

<a href="beispiel.html"><img src="bild.jpg"></img></a>

Hinweis: Um den Link in einem neuen Fenster anzeigen zu lassen, m├╝sst ihr folgendes Attribut angeben

target="_blank"

 

Ihr habt noch Fragen oder Anregungen, dann schreibt uns einfach eine E-Mail ├╝ber unser Kontaktformular oder kommentiert diesen Beitrag!

Alles klar soweit !?

 

vorheriger Artikel: n├Ąchster Artikel:
» «

Geschrieben am: 16. Mai 2013 um 13:25 // Thema: HTML //  Kommentar verfassen

Auf dieses Thema gibt es noch keine Reaktion

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht ver├Âffentlicht. Erforderliche Felder sind markiert *




Impressum // KlaroBox // die kostenlose Lernkiste