Berikut adalah contoh penggunaan elemen <iframe>
pada HTML
HTML
<!DOCTYPE html>
<html>
<head>
<title>Contoh Iframes HTML</title>
</head>
<body>
<h1>Contoh Iframes HTML</h1>
<p>Ini adalah contoh penggunaan elemen iframe dalam HTML.</p>
<iframe src="https://deorchids.com/" width="500" height="300"></iframe>
</body>
</html>
HTMLOutput:
See the Pen Contoh Iframes pada HTML by De Orchids (@De-Orchids) on CodePen.
Dalam contoh di atas, kita menggunakan elemen <iframe>
untuk menampilkan halaman web lain di dalam halaman HTML kita. Elemen <iframe>
memiliki atribut src
yang digunakan untuk menentukan URL halaman web yang akan ditampilkan di dalam iframe. Kita juga dapat mengatur lebar dan tinggi iframe menggunakan atribut width
dan height
.
Jadi, dengan menggunakan kode di atas, kita dapat menampilkan halaman web dari https://deorchids.com/ di dalam iframe dengan lebar 500 piksel dan tinggi 300 piksel.
Silakan mencoba contoh di atas dan ubah URL dan ukuran iframe sesuai kebutuhan Anda.