weiter: img/pfeil_re.gif img/doku.gif   Tabellen
zurück: img/pfeil_li.gif img/doku.gif   Bilder
img/pfeil_do.gif Beispiel - innerhalb Seiten
img/pfeil_do.gif Beispiel - zwischen Seiten
img/pfeil_do.gif Beispiel - Spezialfall E-Mail
img/pfeil_do.gif

Links

Verbindungen (Links) zu anderen Seiten

Eine der wichtigsten Funktionen, die HTML mit sich bringt, sind Verbindungen von einer Seite zu anderen oder innerhalb einer Seite (Links). Dazu gibt es das <a>-Tag.
Das <a>-Tag gibt es in zwei verschiedenen Formen
! Definition eines Sprungziels
  <a name=Sprungmarke /> 		Um innerhalb einer Seite Positionen zu bestimmen, an die mit einem Link gesprungen werden kann.
! Springen an ein Ziel Um zu definieren, wohin mit dem Anklickinhalt gesprungen werden soll.
    <a href=ZielSeite>Irgend was zum Anklicken</a> Es soll an den Anfang einer anderen Seite gesprungen werden.
    <a href=#Sprungmarke>Irgend was zum Anklicken</a> Es soll in der selben Seite einer zu einer Sprungmarke gesprungen werden.
    <a href=ZielSeite#Sprungmarke>Irgend was zum Anklicken</a> Es soll in einer anderen Seite einer zu einer Sprungmarke gesprungen werden.
! E-Mail versenden Um eine E-Mail Adresse zu definieren.
    <a href=mailto:mailname@mailadress.de> Text</a> Es soll eine E-Mail versendet werden.

"Irgendwas zum Anklicken" kann entweder Text oder auch Bild(er) sein.


img/pfeil_up.gif img/pfeil_do.gif

Beispiel Link in der selben Seite mit der Sprungmarke

<html>
  <head>
    <title>Link und Sprungmarke</title>
  </head>
  <body>
    <h1>Link und Sprungmarke</h1>
    <a name=aaa />
    <h3>Hierher soll gesprungen werden aaa</h3>
        <br />Hier kommt Irgendein Inhalt , zum Beispiel mein Bild
        <br />
        <img src=meinbild.jpg alt="Dieses Bild zeigt mich beim Telefonieren" />
        <br />
        <a href=#bbb>Spring nach bbb</a>
    <a name=bbb /b>
    <h3>Hierher soll gesprungen werden bbb</h3>
        <br />Hier kommt Irgendein Inhalt , zum Beispiel grosser Text
        <br />
        <font size=12>
        <br />Grosser Text Zeile 1
        <br />Grosser Text Zeile 2
        <br />Grosser Text Zeile 3
        <br />Grosser Text Zeile 4
        </font>
        <br />
        <a href=#aaa>Spring nach aaa</a>
  </body>
 </html>

img/xview.gif   So siehts aus

img/pfeil_up.gif img/pfeil_do.gif

Beispiel Link in andere Seite

Seite A

<html>
  <head>
    <title>Link in andere Seite</title>
  </head>
  <body>
    <h1>Link in andere Seite</h1>
        <br />Hier kommt Irgendein Inhalt , zum Beispiel mein Bild
        <br />
        <img src=meinbild.jpg alt="Dieses Bild zeigt mich beim Telefonieren" />
        <br />
        <a href=sample4b.html>Spring in die andre Seite</a>
  </body>
 </html>

Seite B

<html>
  <head>
    <title>Link in andere Seite</title>
  </head>
  <body>
    <h1>Link in andere Seite</h1>
        <br />Hier kommt Irgendein Inhalt , zum Beispiel grosser Text
        <font size=12>
        <br />Grosser Text Zeile 1
        <br />Grosser Text Zeile 2
        <br />Grosser Text Zeile 3
        <br />Grosser Text Zeile 4
        </font>
        <br />
        <a href=sample4a.html>Spring in die andre Seite</a>
  </body>
 </html>

img/xview.gif   So siehts aus
img/pfeil_up.gif img/pfeil_do.gif

Beispiel Link zum Versenden von E-Mail

<html>
  <head>
    <title>E-Mail versenden</title>
  </head>
  <body>
    <h1>E-Mail versenden</h1>
        <br />Hier kommt Irgendein Inhalt , zum Beispiel mein Bild
        <br />
        <img src=meinbild.jpg alt="Dieses Bild zeigt mich beim Telefonieren" />
        <br />
        <a href=mailto:html4kidz@gflaig.de>Meine E-Mail</a>
  </body>
 </html>

img/xview.gif   So siehts aus
 

img/pfeil_up.gif
img/pfeil_up.gif Beispiel - innerhalb Seiten
img/pfeil_up.gif Beispiel - zwischen Seiten
img/pfeil_up.gif Beispiel - Spezialfall E-Mail
weiter: img/pfeil_re.gif img/doku.gif   Tabellen
zurück: img/pfeil_li.gif img/doku.gif   Bilder