Docs/HTML/Iframes

HTML Iframes

Elemen <iframe> digunakan untuk menyisipkan halaman web lain di dalam halaman kamu.

Atribut

  • src — URL halaman yang disisipkan
  • width / height — ukuran iframe
  • title — deskripsi untuk aksesibilitas
  • loading="lazy" — lazy loading
  • sandbox — batasan keamanan
  • allow — izinkan fitur tertentu

Kegunaan

  • Embed video YouTube
  • Embed Google Maps
  • Embed konten pihak ketiga
index.html
Try It →
<h3>Embed YouTube Video</h3>
<iframe 
  width="100%" 
  height="250" 
  src="https://www.youtube.com/embed/dQw4w9WgXcQ" 
  title="YouTube video" 
  frameborder="0" 
  allow="accelerometer; autoplay; clipboard-write; encrypted-media" 
  allowfullscreen>
</iframe>

<h3>Iframe dengan Border</h3>
<iframe 
  src="https://example.com" 
  width="100%" 
  height="150" 
  title="Example"
  loading="lazy">
</iframe>
← Previous
Classes & ID
Next →
Head & Meta