Belajar HTML Part 15 : Tag Iframe Pada HTML

Belajar 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>.
baca tentang Belajar HTML Part 3 : Mengenal tag, element dan atribut pada HTML.
cara Tag iframe pada HTML
Perhatikan contoh dan penjelasan berikut ini tentang cara menggunakan tag <iframe>.
index.html
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <html> <head> <title>Belajar HTML Tag Iframe Pada HTML | www.malasngoding.com</title> </head> <body> <h1>Belajar HTML Tag Iframe Pada HTML | www.malasngoding.com</h1> <iframe src="https://www.malasngoding.com" height="500px" width="1000px"></iframe> </body> </html> |

belajar html 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 www.malasngoding.com sehingga contoh nya seperti berikut. Belajar HTML Tag Iframe Pada HTML
1 |
<iframe src="https://www.malasngoding.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.
See the Pen YwVvdw by Malas Ngoding (@malasngoding) on CodePen.
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.
Tutorial HTML Dasar Lainnya
Belajar HTML Part 1 : Pengertian HTML
Belajar HTML Part 2 : Memilih Text Editor
elajar HTML Part 3 : Mengenal Tag, Element, Atribut HTML
Belajar HTML Part 4 : Heading Pada HTML
Belajar HTML Part 5 : Format Text Pada HTML
Belajar HTML Part 6 : Membuat Paragraf Pada HTML
Belajar HTML Part 7 : Membuat Table Pada HTML
Belajar HTML Part 8 : Membuat Hyperlink Pada HTML
Belajar HTML Part 9 : Membuat List Pada HTML
Belajar HTML Part 10 : Membuat Format Code Pada HTML
Belajar HTML Part 11 : Membuat Form Pada HTML
Belajar HTML Part 12 : Atribut Form Pada HTML
Belajar HTML Part 13 : Membuat Symbol Pada HTML
Belajar HTML Part 14 :Menampilkan Gambar Pada HTML
Belajar HTML Part 15 : Tag Iframe Pada HTML
Belajar HTML Part 16 : Menghubungkan HTML dengan CSS
Belajar HTML Part 17 : Mengenal Class dan Id Pada HTML
Tutorial Menarik Lainnya

Membuat Navbar Responsive dengan HTML dan CSS


Contoh Coding HTML Website Biodata, Dan Cara Membuatnya


Membuat Show Hide Password Di HTML


salam gan, saya masih baru dalam hal begini, jadi saya sudah coba untuk menggunakan iframe ini pada html inputer dari sistem web seperti Open Conference System (OCS) dari PKP, setelah saya masukkan source code nya sesuai arahan di atas lantas tidak terjadi apa apa, kemudian saya mencoba mengganti dengan menggunakan namun masalahnya ketika saya coba buka situsnya malah di katakan (plugin ini tidak didukung), jadi kira kira kenapa ya saya tidak bisa menggunakan iframe? terimakasih banyak gan ..