Html-Grundlagen - für SchülerInnen

Auf dieser Seite erfährst du, wie du Links auf andere Seiten setzen kannst oder auch auf andere Teile derselben Seite.

Einen Link einfügen

Ein Link hat einen sichtbaren und einen unsichtbaren Teil. Im sichtbaren steht der Text, den Besucher deiner Seite sehen. Im unsichtbaren steht die Adresse der Webseite, auf die Besucher kommen sollen, wenn sie auf den Link klicken.

<a href="https://faska.de/">Unsere Schule</a>
            
        

Die Adresse lautet hier "http://faska.de". "Unsere Schule" ist der sichtbare Teil.

Einen internen Link einfügen

Du kannst auch "interne" Links einfügen, das sind Links auf einen anderen Teil derselben Seite.

            
<a href="#dahinWillIch">Zum Ende der Seite</a>
            
        

Bei internen Links siehst du ein "#"-Symbol im Link. Und sie funktionieren nur, wenn es das Ziel mit der "Id" auch gibt. Eine "Id" kann man sich wie eine eindeutige Beschriftung vorstellen. Weiter unten auf der Seite ist der "Weiter"-Button mit der "Id" "dahinWillIch" beschriftet. Daher wird uns dieser Link dorthin führen.

Um ein bisschen Platz zu unserem Linkziel zu verbrauchen, üben wir noch einmal das Einfügen von Bildern: