Linki w HTML

Wprowadzenie

Linki to podstawa internetu. Dzięki nim możesz przechodzić między stronami, pobierać pliki albo przeskakiwać do konkretnej sekcji na stronie.

---

Teoria / Wyjaśnienia

• Podstawowy znacznik linku to <a> (anchor).
• Najważniejszy atrybut to href – adres, do którego prowadzi link.
• Link może prowadzić do:
  • innej strony (https://...),
  • pliku (np. dok.pdf),
  • sekcji na tej samej stronie (#sekcja).
• Możesz też ustawić, czy link otwiera się w nowej karcie (target="_blank").

---

Praktyczne przykłady

Przykład

<!-- Prosty link do innej strony -->
<a href="https://example.com">Idź do Example.com</a>

<!-- Link otwierany w nowej karcie -->
<a href="https://yume.school" target="_blank" rel="noopener noreferrer">Otwórz Yume School w nowej karcie</a>

<!-- Link do pliku w tej samej stronie / projekcie -->
<a href="/assets/dokument.pdf">Pobierz PDF</a>

<!-- Link do sekcji na tej samej stronie -->
<a href="#kontakt">Przejdź do sekcji Kontakt</a>

---

Ćwiczenie

1. Stwórz 3 linki:
   • do zewnętrznej strony,
   • do pliku (np. obrazka lub PDF),
   • do sekcji na tej samej stronie (#sekcja).
2. Dodaj do jednego z linków target="_blank" i rel="noopener noreferrer".
3. Zadbaj o sensowny tekst linku (np. „Zobacz ofertę” zamiast „kliknij tutaj”).