12. Tutorial HTML Memasukan Sebuah Aplikasi Dan Objek Dari Luar Ke Dalam Html - Bewok Tekno

STAY HUNGRY STAY FOOLISH

Breaking

Home Top Ad

Responsive Ads Here

Thursday, May 26, 2016

12. Tutorial HTML Memasukan Sebuah Aplikasi Dan Objek Dari Luar Ke Dalam Html

Halo balik dengan om aji kali ini om aji bakal ngejelasin mengenai memasukan objek ke dalam html. Biasanya untuk memasukkan aplikasi atau objek luar seperti video dan file pdf ke halaman html, kita
bisa menggunakan tag<iframe>. Sebenarnya dalam html ada tiga tag yang berfungsi untuk memasukkan objek ke halaman web, yaitu tag <embed>, tag <object>, dan tag <iframe>. Tapi karena yang paling disarankan pada HTML5 adalah tag <iframe>, maka kita bahas tag <iframe> saja.

Selain untuk memasukkan aplikasi luar ke halaman web, tag<iframe> juga dapat digunakan untuk memasukkan halaman web lain ke dalam halaman web yang sedang dibuka.

Tag<iframe> memiliki bebarapa atribut, diantaranya adalah:
  • width, berfungsi untuk mengatur lebar objek.
  • height, berfungsi untuk mengatur tinggi objek.
  • frameborder, berfungsi untuk memberi border objek.
  • allowfullscreen, berfungsi untuk memberi tampilan layar penuh, jika diinginkan.
  • scrolling, berfungsi untuk memberi scroll pada tampilan objek. Secara default web browser akan menampilkan scroll pada objek, pemakaian atribut ini biasanya digunakan untuk menghilangkan tampilan scroll(scrolling="no")
Contoh menggunakan <iframe>
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Belajar menyisipkan file pdf dan video di HTML</title>
</head>
<body>
<p>Menyisipkan file pdf di halaman web</p>
<iframe src="tugas_C++.pdf" width="900" height="450" allowfullscreen frameborder="1"></iframe>
</body>
</html>
hasilnya seperti ini:


<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Belajar menyisipkan objek lain di HTML</title>
</head>
<body>
<p>Menyisipkan halaman web lain di halaman web saat ini</p>
<iframe src="" width="80%" height="500" allowfullscreen frameborder="1" scrolling="no"></iframe>
</body>
</html>
Hasilnya seperti ini:


Anda juga bisa memasukkan video youtube dengan tag<iframe>, carannya:
Anda tinggal meng copy-paste kode yang disediakan youtube, anda bisa melihatnya dengan mengklik icon bagikan, lalu pilih sematkan.
Setelah itu anda tempatkan kode tersebut diantaranya tag<body> </body>.
Seperti penempatan tag<iframe> sebelumnya.

Ok, sekian pembahasan kita kali ini. Kita bertemu lagi pada pembahasan berikutnya

Tetap semangat yaaaa!!!!

No comments:

Post a Comment