Links erstellen

1 – HTML Links

Links sind die zentralen Bausteine des Internets. Ohne Links müssten alle Webseiten per Eingabe einer URL in die Adresszeile erfolgen. Links verknüpfen Webseiten und deren Unterseiten. So hat der Nutzer die Möglichkeit von Seite zu Seite zu navigieren. Auch Suchmaschinen nutzen Verlinkungen um relevanten Inhalt zu finden.

2 – HTML Links erstellen

Fast alle Seiten sind mit Hilfe von Links mit anderen verknüpft, sowohl für den Besucher, als auch für Suchmaschinenroboter sind Verweise wichtig. Wie Verweise definiert werden, und was für Unterschiede sie bereithalten erfahren Sie in diesem Artikel. Ein Link wird mit dem <a>-Tag definiert, er besitzt ein anfangs-und ein end-Tag. Zwingend notwendig ist das Attribut „href“, wenn man auf ein anderes Dokument verweisen will.

 <a href="http://www.html-einfach.de/">Link zu html-einfach</a>
 
 <a href="http://www.html-einfach.de/" target="_blank" >Link zu html-einfach.de.de</a>
 
 <a href="eidechse.html">Eidechsen</a>
 
 <a href="tiere/eidechse.html">Eidechsen</a>

Erklärung:
01 Externer Link zur Seite html-einfach
03 Externer Link zur Seite html-einfach, wird in einem neuen Fenster geöffnet
05 Interner Link zur Seite eidechse.html im selben Verzeichnis (Ordner)
07 Interner Link zur Seite eidechse im Unterordner tiere

Hinweis: Mit Hilfe von Stylesheets ist es möglich, das Unterstreichen von Links, oder das Umrahmen von Grafiken zu unterbinden.

Links nicht unterstreichen:

 *a {	text-decoration:underline;}
 *a {	text-decoration:none;}

Erklärung:
01 Alle Links werden unterstrichen
02 Alle Links werden nicht unterstrichen

3 – HTML Anker (Sprungmarke) definieren

Es ist möglich, mitten in einem HTML Dokument ein Anker zu setzen und mit einem Link direkt dorthin zu springen.

<a href="#anker">Zum Anker</a>
 
<a name="anker">Hier wird hingesprungen</a> 

Erklärung:
01 Der Anker wird definiert (/andereseite.html#anker geht auch)
02 Der Zielpunkt wird definiert Anker nach oben

 

4 – Grafiken und Bilder als Link

Grafiken als Verweise zu definieren ist oft nützlich, z.B. bei einem Button. Mit Hilfe der Schachtelung der beiden Tags (img-Tag + a-Tag) kann man eine Grafik zum Link machen. Normale Links werden standardmäßig unterstrichen, um Grafiken wird ein Rahmen gelegt. Um diesen zu vermeiden muss das Attribut border=“0″ in den img-Tag eingefügt werden.

<a href="http://www.html-einfach.de/"><img src="bild.jpg" alt="das ist ein bild"></a>

folgende Grafik ist ein Anker nach oben: html_tag_inhalt

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Nach oben scrollen