Assalamu'alaikum poinreaders,
Materi kali ini merupakan materi lanjutan dari artikel sebelumnya, yaitu tentang "Tag Pada HTML Part 3 : Forms dan Input Tag". Frames Tag digunakan untuk membagi jendela browser menjadi beberapa bagian dimana setiap bagian dapat memuat dokumen HTML yang berbeda. Kumpulan frame di dalam sebuah browser disebut sebagai frameset. Untuk lebih jelasnya, yuk langsung saja simak ulasannya...
Materi kali ini merupakan materi lanjutan dari artikel sebelumnya, yaitu tentang "Tag Pada HTML Part 3 : Forms dan Input Tag". Frames Tag digunakan untuk membagi jendela browser menjadi beberapa bagian dimana setiap bagian dapat memuat dokumen HTML yang berbeda. Kumpulan frame di dalam sebuah browser disebut sebagai frameset. Untuk lebih jelasnya, yuk langsung saja simak ulasannya...
1. <frame>
Fungsi :
Fungsi :
Mendefinisikan sebuah jendela (frame) dalam sebuah frameset.
Format Penulisan :
Atribut :
Contoh Penulisan :
2. <frameset>
Fungsi :
Atribut :
Contoh Penulisan :
3. <noframes>
Fungsi :
Contoh Penulisan :
4. <iframe>
Fungsi :
Atribut :
Contoh Penulisan :
Semoga materi yang saya sampaikan kali ini dapat bermanfaat bagi sobat poinreaders, jangan lupa follow akun sosial kami agar sobat poinreaders bisa mendapatkan materi terupdate tentang pemrograman lainnya.
<frame>
Atribut :
| Atribut | value | Keterangan | Deskripsi |
|---|---|---|---|
| frameborder | 0 1 |
optional | Menentukan apakah border akan ditampilkan atau tidak pada sebuah frame. |
| longdesc | longdesc | optional | Menentukan panjang isi frame pada halaman yang berisi deskripsi. |
| marginheight | pixels | optional | Menentukan margin atas dan bawah frame. |
| marginwidth | pixels | optional | Menentukan margin kiri dan kanan frame. |
| name | text | optional | Menentukan nama frame. |
| noresize | noresize | optional | Menentukan bahwa frame tidak resizable. |
| scrolling | yes no auto |
optional | Menentukan scrollbar akan ditampilkan atau tidak pada sebuah frame. |
| src | URL | optional | Menentukan URL dokumen untuk ditampilkan didalam frame. |
<!DOCTYPE HTML>
<html>
<head>
<title>Tag frame</title>
</head>
<body>
<frameset cols="25%,*,25%">
<frame src="http://www.google.com">
<frame src="http://www.yahoo.com">
<frame src="http://www.bing.com">
</frameset>
</body>
</html>
2. <frameset>
Fungsi :
Mendefinisikan satu set frame.Format Penulisan :
<frameset>...</frameset>
Atribut :
| Atribut | value | Keterangan | Deskripsi |
|---|---|---|---|
| cols | pixels % * |
optional | Menentukan jumlah dan ukuran kolom dalam frameset. |
| rows | pixels % * |
optional | Menentukan jumlah dan ukuran baris dalam frameset. |
<!DOCTYPE HTML>
<html>
<head>
<title>Tag frameset</title>
</head>
<body>
<frameset cols="25%,*,25%">
<frame src="http://www.google.com">
<frame src="http://www.yahoo.com">
<frame src="http://www.bing.com">
</frameset>
</body>
</html>
3. <noframes>
Fungsi :
Mendefinisikan sebuah konten alternatif untuk pengguna yang tidak mendukung frame.Format Penulisan :
<noframes>...</noframes>
Contoh Penulisan :
<!DOCTYPE HTML>
<html>
<head>
<title>Tag noframes</title>
</head>
<body>
<frameset cols="25%,50%,25%">
<frame src="http://www.google.com">
<frame src="http://www.yahoo.com">
<frame src="http://www.bing.com">
<noframes>Maaf, browser anda tidak mendukung frame!</noframes>
</frameset>
</body>
</html>
4. <iframe>
Fungsi :
Merepresentasikan konteks jelajah dari sebuah dokumen atau file lain.Format Penulisan :
<iframe>...</iframe>
Atribut :
| Atribut | value | Keterangan | Deskripsi |
|---|---|---|---|
| align | left right top middle bottom |
optional | Menentukan posisi iframe. |
| frameborder | 1 0 |
optional | Menentukan border apakah akan ditampilkan atau tidak di sekitar <iframe>. |
| height | pixels | optional | Menentukan tinggi <iframe>. |
| longdesc | URL | optional | Menentukan panjang halaman yang berisi deskripsi pada sebuah <iframe>. |
| marginheight | pixels | optional | Menentukan margin atas dan bawah konten pada <iframe>. |
| marginwidth | pixels | optional | Menentukan margin kiri dan kanan konten pada <iframe>. |
| name | text | optional | Menentukan nama sebuah <iframe>. |
| sandbox | allow-forms allow-pointer-lock allow popups allow-same-origin allow-script allow-top-navigation |
optional | Membolehkan batasan-batasan tambahan untuk konten dalam sebuah <iframe>. |
| scrolling | yes no auto |
optional | Menentukan scrollbar apakah akan ditampilkan atau tidak di dalam <iframe>. |
| src | URL | optional | Menentukan alamat dokumen untuk disematkan ke dalam <iframe>. |
| srcdoc | HTML_code | optional | Menentukan konten halaman HTML untuk ditampilkan di dalam <iframe>. |
| width | pixels | optional | Menentukan lebar sebuah <iframe>. |
<!DOCTYPE HTML>
<html>
<head>
<title>Tag iframe</title>
</head>
<body>
<iframe src="http://www.google.com">
<p>Browser anda tidak mendukung iframe.</p>
</iframe>
</body>
</html>
Semoga materi yang saya sampaikan kali ini dapat bermanfaat bagi sobat poinreaders, jangan lupa follow akun sosial kami agar sobat poinreaders bisa mendapatkan materi terupdate tentang pemrograman lainnya.