Rozdział 1 · Zadanie 7

Linki: zewnętrzne, wewnętrzne, kotwice

Trzy rodzaje linków — do cudzej strony, do własnego pliku i do miejsca na tej samej stronie.

1. Link do innej strony

Dodaj poniżej wszystkiego, co już jest:

index.html

<p>Moje ulubione strony:</p>
<a href="https://www.google.com" target="_blank">Google</a><br>
<a href="https://www.youtube.com" target="_blank">YouTube</a>

Jak to działa

href — adres, do którego prowadzi link. Tekst między <a> a </a> to to, co klika użytkownik. target="_blank" otwiera link w nowej karcie.

2. Link do własnego pliku

Stwórz w tym samym folderze jeszcze jeden plik przez Notatnik — nazwij go about.html, napisz w nim cokolwiek i zapisz. Teraz wróć do index.html i dodaj:

index.html

<p>Moje strony:</p>
<a href="about.html">Przejdź do drugiej strony</a>

Zwróć uwagę

Tutaj nie ma https:// ani target="_blank" — bo to plik obok twojego, a nie cudza strona. Dokładnie tak na prawdziwych stronach łączy się podstrony «Strona główna», «O nas», «Kontakt».

3. Link do miejsca na tej samej stronie (kotwica)

Najpierw oznacz miejsce, do którego będziemy «skakać» — umieść to nad listami z zadania 6:

index.html

<a name="lists"></a>

Dalej

A teraz na samej górze strony dodaj link do tej kotwicy. Znak # przed nazwą oznacza «nie inny plik, tylko miejsce na tej samej stronie»:

index.html

<p><a href="#lists">Przejdź od razu do list</a></p>

Kurs powstał dzięki wsparciu biura rachunkowego Galakton, Białystok, Polska