Bentuk dasar tag iframe adalah sebagai berikut:
<iframe src="http://alfaruqrucky.comyr.com/"></iframe>
Dari bentuk dasar di atas, iframe dapat diatur tampilannya dengan atribut-atribut sebagai berikut:
- width = mengatur lebar iframe, dapat menggunakan pixel atau persen
- height = mengatur tinggi iframe, dapat menggunakan pixel atau persen
- align = mengatur letak iframe di kanan atau kiri halaman, nilainya "right" atau "left"
- frameborder = mengatur garis batas luar iframe
- scrolling = menentukan tampilan iframe memiliki scrollbar atau tidak, nilainya "yes", "no" atau "auto"
- src = menentukan sumber yang akan ditampilkan dengan iframe
Saya contohkan membuat sebuah dokumen HTML yang menggunakan tag iframe. Berikut kodenya, jika ingin melihat hasilnya silakan Anda copy kode di bawah ini menjadi file html, kemudian buka dan lihat hasilnya.
<html>
<head>
<title>Tutorial HTML</title>
</head>
<body>
<b>Teks ini ada di halaman utama untuk menampilkan halaman lain</b>
<iframe align="left" frameborder="5" width="400" height="600" scrolling="yes" src="http://id.wikipedia.org"></iframe>
<iframe align="left" width="400" height="600" scrolling="no" src="http://alfaruqrucky.comyr.com"></iframe>
</body>
</html>
Pada iframe yang pertama (yang menampilkan web wikipedia) saya munculkan scroll dan frameborder, sedangkan di iframe yang kedua tidak saya munculkan scrollnya dan tanpa frameborder.
Nah sampai disini dulu tutorial HTML kali ini, semoga bermanfaat :)
0 comments:
Post a Comment