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")
<!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!!!!
![Cara Koneksi Database MySql Dengan VB.NET[Visual Studio Terbaru]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQcxWWBdUDRRWWYk5ZcfyVyqlscBPQ5K9mVz4jPrFwN4s3kHFjrSBs67ZZX5lCvQTHybfuUAUhURYdDlXPyOKY3qb3ROYtC1NlYQCVr4VzshytQee1svXFuW34AsOqyW8xoFdJsgCpXR4/s72-c/tutorial+vb+net.jpg)
No comments:
Post a Comment