Belajar HTML Dasar #10 - Tag Iframe Pada HTML

Belajar HTML Dasar #10 - Tag Iframe Pada HTML

Tag Iframe Pada HTML

Iframe merupakan sebuah tag html yang berfungsi untuk menampilkan halaman website tanpa harus membuka website tersebut. jadi apabila anda ingin menampilkan website lain dalam halaman web anda maka anda bisa menggunakan tag <iframe> untuk menampilkannya. caranya sangat mudah, anda hanya perlu menambahkan atribut src=”” pada tag pembuka <iframe>  untuk meletakkan link url dari website yang ingin anda tampilkan. Cara penulisan tag iframe di awali dengan tag iframe pembuka <iframe> dan di akhiri dengan tag iframe penutup </iframe>.

Perhatikan contoh dan penjelasan berikut ini tentang cara menggunakan tag <iframe> :

<!DOCTYPE html>
<html>
<head>
    <title>Belajar HTML Tag Iframe Pada HTML</title>
</head>
<body>
    <h1>Belajar HTML Tag Iframe Pada HTML</h1>
    <iframe src="https://anakti3.blogspot.com/"
        height="500px" width="1000px"></iframe>
</body>
</html>


Hasil Outputnya :

Belajar HTML Dasar #10 - Tag Iframe Pada HTML


Perhatikan pada contoh di atas. untuk membuat atau menggunakan tag <iframe> untuk menampilkan halaman website ada halaman web anda anda bisa menggunakan tag <iframe> dan kemudian memberikan atribut src=”” untuk meletakkan url dari halaman website yang ingin anda tampilkan. pada contoh ini kita akan menampilkan halaman website anakti3.blogspot.com sehingga contoh nya seperti berikut. Belajar HTML Tag Iframe Pada HTML

<iframe src="https://anakti3.blogspot.com/" height="500px" width="1000px"></iframe>


Atribut height dan width pada contoh di atas untuk menentukan tinggi dan lebar iframe. tapi anda bisa menggunakan css untuk mengatur ukuran tinggi dan lebar iframe. klik di sini untuk mambaca tutorial css.

Sekian lah tutorial belajar HTML tag iframe pada HTML. Pada tutorial selanjutnya akan di jelaskan tentang pengertian class dan id pada html. Apa kegunaan dari class dan id? serta bagaimana cara penggunaannya ?. setelah pengenalan class dan id pada HTML kemudian akan di jelaskan tentang cara menghubungkan HTML dan css dan bagaimana penggunaan dasar CSS pada HTML.

Terima Kasih ....