ChristophTutorials - (Video)Tutorialseite und IT-Blog

Zitat der Woche

Früher hatten wir die spanische Inquisition. Jetzt haben wir die Kompatibilität.
- Herbert Klaeren

Letzte Artikel

Zufällige Artikel

Verzeichnisse

Blogverzeichnis - Blog Verzeichnis bloggerei.de Blogverzeichnis Blog Verzeichnis Blog Top Liste - by TopBlogs.de Blog Button
Datenschutzerklärung
Impressum
HTML - Links - 31.10.2010
Was ist noch besser, als eine HTML-Seite?
Zwei HTML-Seiten!
Meistens besteht ein Internetauftritt aus noch vielen mehr. Doch die muss man ja irgendwie mit einnander verbinden. In diesem Tutorial wird gezeigt, wie man HTML-Seiten, aber auch Dateien verlinkt.
Das Tag und das Attribut
Das Tag um auf andere HTML-Dateien zu verlinken heißt <a>. Und dieses Tag gibts sogar im Pärchen. Zwischen das öffnende und schließende Tag kommt der Text, der als Link angzeigt werden soll und das wichtige Attribut hier heißt "href". Es enthält den Pfad zu der anderen HTML-Datei. Hier ein kleines Beispiel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <title>Linkbeispiel - 1</title>
 </head>
 <body>
  <a href="andereSeite.html">Zur anderen Seite</a>
  <a href="http://webseite.de">Zur Webseite</a>
 </body>
</html>
Bild-Links
Man kann nicht nur einfach Text verlinken. Das geht auch über Bilder. Statt des Textes kommt dann ein <img>-Tag zwischen die <a>-Tags:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <title>Linkbeispiel - 2</title>
 </head>
 <body>
  <a href="andereSeite.html"><img src="bild.jpg"></a>
 </body>
</html>
Downloads anbieten
Jeder hat bestimmt schon einmal etwas runtergeladen, doch wer hätte gedacht, dass die Downloadlinks einfach ganz normale Links sind, die auf Dateien verweisen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <title>Linkbeispiel - 3</title>
 </head>
 <body>
  <a href="Superprogramm.exe">Download</a>
  <a href="Lied.mp3">Lied runterladen</a>
 </body>
</html>
In dem Beispiel mit dem Lied muss man allerdings normalerweise mit der rechten Maustastem auf den Link und dann auf "Ziel speichern unter..." klicken, weil das Lied sonst abgespielt wird.

Kommentare:

- kein Kommentar -
Um einen Kommentar zu schreiben ist eine Anmeldung nötig.