Iframe w HTML

Wprowadzenie

Element <iframe> pozwala osadzić inną stronę internetową lub dokument w środku Twojej strony.

---

Teoria / Wyjaśnienia

• <iframe> wstawia ramkę z inną stroną.
• Podstawowe atrybuty:
  • src – adres osadzanej strony,
  • width, height – rozmiar ramki,
  • title – opis dla czytników ekranu (ważny dla dostępności),
  • allowfullscreen – pozwala na pełny ekran (np. filmy wideo).
• Często używany do osadzania:
  • filmów (np. z YouTube),
  • map (np. Google Maps),
  • dokumentów.

---

Praktyczne przykłady

Przykład

<!-- Proste iframe z inna strona -->
<iframe src="https://example.com" width="600" height="400" title="Przykladowa strona"></iframe>

<!-- Iframe z filmem z YouTube (skrocony przyklad) -->
<iframe
  width="560"
  height="315"
  src="https://www.youtube.com/embed/dQw4w9WgXcQ"
  title="Film na YouTube"
  frameborder="0"
  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
  allowfullscreen
></iframe>

---

Ćwiczenie

1. Osadź dowolna publiczna strone w <iframe>.
2. Dodaj title opisujacy zawartosc.
3. Pobaw sie rozmiarami (width, height) i zobacz, jak wplywa to na wyswietlanie.