Links innerhalb der Seite
Die letzte Verwendung von Links ist das Verlinken auf einen Teil der aktuellen Seite. Dafür brauchen wir wieder das Attribut id. Geben wir dem Abschnitt Rassen eine id:
<div id="rassen">
...
</div>Ein Link auf diesen Abschnitt sieht dann so aus:
<a href="#rassen">Rassen</a>Das # am Anfang des Werts von href sagt, dass wir auf ein Element der aktuellen Seite verlinken, und rassen ist die id dieses Elements. Ein Klick auf den Link scrollt die Seite dorthin.
Es gibt einen besonderen Fall:
<a href="#">Nach oben</a>Wenn der Wert von href nur # ist, scrollt ein Klick auf den Link die Seite ganz nach oben.
Solche Links werden oft für ein Inhaltsverzeichnis verwendet: eine Liste von Links im oberen Teil einer langen Seite, einer für jeden Abschnitt. Wikipedia hat eines in jedem längeren Artikel. Erstellen wir eines für unsere Seite.
So schreibst du es:
Anweisungen
- 1
Gib den drei
div-Elementen einid-Attribut:beschreibungdem ersten,physiologiedem zweiten undrassendem dritten. - 2
Erstelle unter dem Link mit dem Katzenbild ein Inhaltsverzeichnis: eine nicht nummerierte Liste (
ul) mit drei Einträgen, jeweils mit einem Link auf einen Abschnitt. Die Links haben die InhalteBeschreibung,PhysiologieundRassenund führen zu#beschreibung,#physiologieund#rassen. Der erste Eintrag sieht so aus:<li><a href="#beschreibung">Beschreibung</a></li>. Probiere die Links dann in der Vorschau aus.