HTML Iframes

Kembali ke skillance.my.id Bursa Freelance

Skillance Academy (Materi Belajar Skillance Academy) Masuk Akun

HTML CSS JavaScript PHP & MySQL SQL jQuery Python Java C++ Vue Flutter UI/UX ROADMAP KIT PROYEK KEMITRAAN KAMPUS CEK SERTIFIKAT

HTML Iframes

« Sebelumnya Berikutnya »

Elemen <iframe> (Inline Frame) digunakan untuk menyematkan dokumen web lain di dalam halaman web HTML saat ini.

Iframe sering digunakan untuk menampilkan peta lokasi Google Maps, pemutar video YouTube, atau pratinjau dokumen eksternal.

Contoh Sematan Dokumen dengan Iframe:

<!DOCTYPE html>
<html>
<body>

    <h3>Menyematkan Konten Web dengan Iframe</h3>
    <iframe src="https://example.com" 
            title="Contoh Iframe" 
            width="100%" 
            height="200" 
            style="border:2px solid #cbd5e1; border-radius:8px;">
    </iframe>

</body>
</html>

Coba Sendiri (Try it Yourself) »

Selalu sertakan atribut title pada tag <iframe> agar pembaca layar (screen reader) dapat menjelaskan konten frame kepada pengguna tuna netra.

Uji Pemahaman Singkat (Test Yourself):

Atribut apa yang digunakan pada tag <iframe> untuk menentukan URL halaman yang ingin disematkan?

Selesaikan Topik Ini

Tandai modul selesai untuk mencatat progres akun Anda.

« Sebelumnya Berikutnya »

Selesaikan Topik Ini

HTML Tutorial