Merancang Frame pada Website dengan HTML Programming
Frame yang kita ketahui dalam bahasa
sehari-hari adalah bingkai, baik bingkai lukisan, foto ataupun
semacamnya. Begitu pula dalam Web, frame juga diartikan sebagai bingkai,
bedanya frame dalam website berfungsi sebagai sebuah tempat untuk
meletakkan atau menampilkan informasi tertentu. Biasanya frame ini
digunakan untuk menampilkan sebuah hyperlink, akan tetapi informasi dari
hasil link tersebut tetap bisa dilihat pada halaman tersebut. Dengan
kata lain frame merupakan area yang dibuat untuk menyatukan halaman yang berbeda.
Sintaks Dasar Frame
Untuk membuat frame dalam bentuk kolom,
gunakan tag <frameset> dan berikan atribut cols serta berikan
nilai pada atribut cols tersebut. Sdangkan untuk membentuk frame dalam
bentuk baris atribut yang digunakan adalah rows dan berikan nilai pada
atribut rows tersebut. Nilai atribut baik cols maupun row diukur dalam
satuan % (persen). Untuk menuliskan frameset cols dan row perhatikan
penggunaan tag frameset berikut :
Bentuk Kolom<frameset cols = ”30%,*”>Nilai 30% menunjukan luas area kolom 1, tanda * Menunjukan luas area yang tersisa setelah digunakan 30%
Bentuk Baris
<frameset rows = ”30%,*”>Nilai 30% menunjukan luas area baris 1, tanda * Menunjukan luas area yang tersisa setelah digunakan 30%
Penggunaan sintaks secara lengkap adalah sebagai berikut :
Frame untuk kolom
<html> <frameset cols="25%,50%,25%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset> </html>output :
Frame untuk baris :
<html> <frameset rows="25%,50%,25%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset> </html>output:
Frame Mixed/gabungan :
<html> <frameset rows="50%,50%"> <frame src="frame_a.htm"> <frameset cols="25%,75%"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset> </frameset> </html>outputnya:
Untuk Improvisasi tentang frame HTML akan diulas di postingan selanjutnya, terima kasih.
Untuk Lebih Lengkapnya, silakan kunjungi :
www.w3schools.com/
Tidak ada komentar:
Posting Komentar