Odkazy na sekce

Poslední využití odkazů je odkazování na část stránky, na které právě jsme. K tomu budeme znovu potřebovat atribut id. Dejme sekci s plemeny id:

<div id="plemena">
	...
</div>

Odkaz na tuto sekci pak vypadá takto:

<a href="#plemena">Plemena</a>

Znak # na začátku hodnoty href říká, že odkazujeme na prvek na této stránce, a plemena je id tohoto prvku. Po kliknutí na odkaz se stránka posune k němu.

Existuje ještě jeden speciální případ:

<a href="#">Zpět nahoru</a>

Když je hodnotou href jen #, kliknutí na odkaz posune stránku úplně nahoru.

Takové odkazy se často používají pro obsah stránky: seznam odkazů v horní části dlouhé stránky, jeden pro každou sekci. Wikipedie ho má u každého delšího článku. Vytvoříme si ho i pro naši stránku.

Pokyny

Přidejte třem prvkům div atribut id: prvnímu s hodnotou popis, druhému fyziologie a třetímu plemena.

Pod odkaz s obrázkem koček vytvořte obsah stránky: nečíslovaný seznam (ul) se třemi položkami, v každé bude odkaz na jednu sekci. Odkazy mají obsah Popis, Fyziologie a Plemena a vedou na #popis, #fyziologie a #plemena. První položka vypadá takto: <li><a href="#popis">Popis</a></li>. Pak odkazy vyzkoušejte v náhledu.

Začněte programovat zdarma

9/12