Link Dalam Frame
Adakalanya kita ingin menampilkan sebuah file menu yang berisi materi keseluruhan dari halaman website. Dari menu tersebut kita ingin memilih halaman website mana yang ingin di tampilkan, dan muncul pada suatu frame tertentu. Sehingga akan membuka halaman website tidak perlu kembali ke halaman depan website atau menuliskan alamat website tersebut.
Dan untuk pembuatan link dalam frame ini tidak memerlukan banyak atribut, atribut yang digunakan sama dengan artikel terkait yang saya buat di " Membuat File Source Frame Pada HTML" Selengkapnya.
Untuk keperluan itu coba anda buat dokumen HTML berikut :
<html>
<head>
<title> Belajar Membuat Link Dalam Frame </title>
</head>
<frameset cols="25%,*">
<frame src="menu.html" name="kiri" noresize="noresize">
<frame src="web1.html" name="kanan">
</frameset>
<!-- Website Compete Coding Blogspot -->
</html>
Perhatikan frame kedua diberi name "kanan".
File : menu.html
<html>
<head>
<title> Belajar Membuat Link Dalam Frame </title>
</head>
<body>
<h2> MENU </h2>
<ul>
<li> <a href="web1.html" target="kanan"> Isi Website 1 </a>
<li> <a href="web2.html" target="kanan"> Isi Website 2 </a>
<li> <a href="web3.html" target="kanan"> Isi Website 3 </a>
</ul>
<!-- Website Compete Coding Blogspot -->
</body>
</html>
Mari kita lihat hasilnya pada browser dibawah ini :
 |
| Frame dengan navigasi menu |
Coba anda klik bagian hy[erlink pada frame sebelah kiri dan perhatikan hasil dari perubahan perpindahan dalam satu halaman website.
Untuk menjalankan program di atas yang anda buat, masih menggunakan dokumen HTML pada postingan sebelumnya di "Membuat File Source Frame Pada HTML" dan masih membutuhkan file di artikel tersebut yang dijelaskan artikel sebelumnya sebagai berikut :
- website1.html
- website2.html
- website3.html
Membuat Dokumen Dengan IFRAME
Tidak hanya membuat hyperlink di dalam membangun FRAME, Dokumen juga bisa kalian bangun dengan menggunakan IFRAME.
Seperti telah diterangkan sebelumnya pada artike "Mengenal Tag Frame" bahwa IFRAME mirip sebuah objek atau gambar, maka penulisan programnya tidaklah sulit.
File : frame4.html
<html>
<head>
<title> Membuat IFRAME </title>
</head>
<body>
<p align="center">
<iframe src="keterangan.html" width="500" height="100"></iframe>
</p>
<p align="center">
<img src="Android.png" width="140" height="175">
</p>
<!-- Website Compete Coding Blogspot -->
</body>
</html>
Perhatikan tag <body> tetap dimasukkan.
Hasil dapat dilihat pada browser :
 |
| Menggunakan IFRAME |
Untuk melihat penjelasan artikel ini terkait dengan artikel yang saya buat sebelumnya di "Mengenal Tag Frame" dan juga di artikel "Membuat File Source Frame Pada HTML" agar tidak terlalu panjang, sengaja saya pisah agar mudah dipahami dalam pembelajaran membangun sebuah website yang anda bangun.
Tolong kasi penjelasan yang lengkap, saya masi bingung mengisi fraim, kalau ling di pencet maka keluar di halaman tenga, tampa perlu keluar kembali menu utama....
BalasHapusTerimakasih atas ilmunya Gan, ini sangat membantu!
BalasHapusTerima kasih ilmunya kak... ini sangat bermanfaat...
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapusTerimakasih infonya sangat membantu
BalasHapusSalam Kursus Android Studio
Makasih banyak gan. Tutorialnya mudah dimengerti. :)
BalasHapusThanks bgt bro..
BalasHapusBner" sangat bermanfaat..