A. PENDAHULUAN
a. Pengertian
Iframe didefinisikan dengan <iframe> tag <iframe src="URL"></iframe>. Sintaks src atribut menentukan URL (alamat web) dari halaman frame inline. Iframe ini digambarkan seperti bingkai. Jika kita akan mengubah ukuran iframe dapat menggunakan Height dan Width.
b. Latar Belakang Masalah
Iframe memiliki perbatasan di sekitarnya. Untuk menghapus perbatasan, tambahkan gaya (style) atribut dan menggunakan CSS perbatasan properti. Dan CSS dapat juga digunakan untuk mengubah ukuran, gaya dan warna perbatasan dalam iframe.
B. MAKSUD DAN TUJUAN
Iframe Pada HTML agar memahami dan mengimplementasikan dari masing masing fungsi dari dasar HTML.
C. BATASAN DAN RUANG LINGKUP PEKERJAAN
W3Schools
- Iframe
D. TARGET DAN HASIL YANG DIHARAPKAN
Agar memahami dan mengimplementasikan dari masing masing fungsi tersebut.
E. ALAT DAN BAHAN
- Laptop
- Internet
- W3Schools
- Visual Studio Code
F. TARGET WAKTU
8 Jam (08.00-16.00 WIB)
G. TAHAPAN PELAKSANAAN
- Briefing
- Mengatur Iframe Tinggi dan Lebar
- Hasil outputnya akan seperti dibawah ini
- Mengatur Iframe dengan Border dengan style dan color.
- Dan ini hasil outputnya yang menghasilkan gambar bingkai berwarna hijau
- Mengatur Iframe Link agar bisa masuk ke halaman lain dengan menggunakan link.
- Outputnya akan seperti ini
- Tag HTML <iframe> menentukan bingkai sebaris
- Atribut src mendefinisikan URL halaman yang akan disematkan
- Selalu sertakan title atribut (untuk pembaca layar)
- Atribut height dan width menentukan ukuran iframe
- Gunakan border:none; untuk menghapus batas di sekitar iframe
H. TEMUAN PERMASALAN DAN PENYELESAIANNYA
Ketika hasil codingan Iframe Link tidak muncul di browser.
Penyelesaiannya :
Kurang teliti pada akhiran Iframe link kurang diberi tag penutup yaitu </iframe>
I. REFERENSI