Iframe dan Javascript pada HTML || BLC TELKOM KLATEN

A. PENDAHULUAN

• Pengertian

Iframe adalah singkatan dari inline frame, Sebuah komponen dari file HTML yang memungkinkan Anda menyematkan video, lagu, dokumen dan file lainnya ke dalam sebuah halaman website. Nahh proses menyematkan file tersebutlah yang dinamakan dengan iframe

• Latar belakang masalah

Di karenakan Saya belum memenuhi langkah langkah untuk menguasai HTML

B. MAKSUD DAN TUJUAN

Membaca materi yang di agendakan hari ini dan tujuannya untuk memenuhi langkah langkah dari w3schools agar bisa menguasai HTML dalam satu bulan

C. BATASAN DAN RUANG LINGKUP PEKERJAAN

- HTML iframe

- HTML Javascript

D. TARGET HASIL YANG DIHARAPKAN

Sukses memenuhi target untuk hari ini, dapat memahami dan menguasai.

E. METODE PELAKSANAAN

- Briefing

- Membaca referensi

- Coding

F. ALAT DAN BAHAN

- Laptop

- Koneksi Internet

G. TARGET WAKTU

08.00 - 16.00

H. TAHAPAN PELAKSANAAN

- Briefing yang dipimpin Mas Agus

- Briefing dengan permasing masing Team

- Membaca dan memahami referensi

> Pembahasan <

- Iframe

Iframe  merupakan sebuah tag html yang berfungsi untuk menampilkan halaman website tanpa harus membuka website tersebut. Jadi jika Anda ingin menampilkan website lain dalam halaman web kalian bisa menggunakan tag <iframe> untuk menampilkannya. Caranya sangat mudah, denga Kalian menambahkan atribut src="File kalian"

Contoh penulisannya :

<iframe src="https://adelwinnugroholiandy.blogspot.com" width="500" height="300">

 

Untuk hasilnya akan seperti ini :

 Maka dia akan menampilkan website yang sudah di atur sesuai dengan keinginan kalian. Dan kalian juga bisa mengatur lebar dan tinggi dan mengubah link website nya sesuai dengan keinginan Kalian.  Tapi ada juga website yang tidak memperbolehkan untuk iframe jadi website tersebut tidak dapat di gunakan untuk iframe. Bukan hanya website bahkan video pun juga bisa untuk di gunakan pada iframe. 

Disini Saya akan mencontohkan video pemannggilan video dari youtube menggunakan iframe

Untuk penulisannya : 

<iframe width="560" height="315" src="https://www.youtube.com/embed/Fsxf_KsaUX8" frameborder="0" allow="accelerometer; autoplay encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Maka hasilnya akan seperti ini : 

I. TEMUAN PERMASALAHAN DAN CARA PENYELESAIANNYA

5Ada beberapa codingan yang error saat di tampilkan karena kurang adanya ketilitian

Solusi :

Kedepannya jika mengoding harus teliti 

J. KESIMPULAN YANG DIDAPAT

Saat coding kita harus teliti di karenakan jika code error sedikit maka akan berpengaruh kesemuanya.

K. REFERENSI

W3schools