Spis treści to ważny element na stronach internetowych, szczególnie w przypadku długich i rozbudowanych treści. Pozwala on użytkownikom szybko nawigować do konkretnych sekcji strony. W tej lekcji dowiesz się, jak tworzyć spis treści za pomocą linków, list i kotwic.

1. Kombinowanie Linków i List: Spis treści można stworzyć poprzez połączenie linków i list nienumerowanych. Każdy element spisu treści może być odnośnikiem do odpowiedniej sekcji strony. Oto przykład:

<ul>
  <li><a href="#sekcja1">Sekcja 1</a></li>
  <li><a href="#sekcja2">Sekcja 2</a></li>
  <li><a href="#sekcja3">Sekcja 3</a></li>
</ul>

2. Wykorzystanie Kotwic: Kotwica to znacznik umożliwiający bezpośrednie odwołanie się do konkretnej sekcji na stronie. Jest tworzona poprzez dodanie identyfikatora (ID) do odpowiedniego elementu. Następnie, aby utworzyć odnośnik do tej kotwicy, używamy znaku # przed ID. Przykład:

<h2 id="sekcja1">Sekcja 1</h2>

3. Tworzenie Spisu Treści: Aby stworzyć spis treści, połącz elementy listy z linkami do odpowiednich sekcji strony. Upewnij się, że ID kotwic są zgodne z odnośnikami w spisie treści. Oto kompletny przykład:

<h1>Moja Strona Internetowa</h1>

<ul>
  <li><a href="#sekcja1">Sekcja 1</a></li>
  <li><a href="#sekcja2">Sekcja 2</a></li>
  <li><a href="#sekcja3">Sekcja 3</a></li>
</ul>

<h2 id="sekcja1">Sekcja 1</h2>
<p>Treść sekcji 1...</p>

<h2 id="sekcja2">Sekcja 2</h2>
<p>Treść sekcji 2...</p>

<h2 id="sekcja3">Sekcja 3</h2>
<p>Treść sekcji 3...</p>

Podsumowanie: Tworzenie spisu treści za pomocą linków, list i kotwic to skuteczny sposób umożliwiający użytkownikom szybką nawigację po stronie. Kombinując te elementy, możemy zapewnić czytelność i łatwość użytkowania naszych stron internetowych, szczególnie gdy mamy do czynienia z dłuższymi treściami.