Langsung ke konten utama

HTML FRAME

Oleh

OBJEKTIF:
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element frame untuk menampilkan informasi dalam bentuk subwindows.

MATERI:
Element FRAMESET, Element FRAME, Element NOFRAMES


ELEMENT FRAMESET
Element FRAMESET berfungsi untuk membagi isi jendela web browser menjadi beberapa bagian. Element ini mempunyai attribute yaitu cols (membagi jendela berdasarkan kolom), rows (membagi jendela berdasarkan baris), border , bordercolor, frameborder (untuk menampilkan border frame), dan framespacing (spasi antara frame). Element FRAMESET terletak di antara element HEAD dan BODY.

Sintaks:
<frameset
     cols="list"
     rows="list"
     border="pixel"
     bordercolor="color"
     frameborder="yes"|"no"
     framespacing="pixel">
   ...........................
</frameset>


ELEMENT FRAME
Element FRAME mendefinisikan frame yang terdapat dalam frameset. Element ini mempunyai attribute yaitu name (nama frame), marginheight, marginwidth, bordercolor, frameborder, noresize, scrolling, src (dokumen yang ditampilkan pada frame). Element ini tidak mempunyai tag penutup.

Sintaks:
<frame
     name="name"
     marginheight="pixel"
     maginwidth="pixel"
     bordercolor="color"
     frameborder="yes"|"no"
     noresize
     scrolling="yes"|"no"
     src="uri">


ELEMENT NOFRAMES
Element NOFRAME mendefinisikan isi yang akan ditampilkan jika suatu frame tidak dapat diakses .

Sintaks:
<noframes>
.....................
</noframes>




LATIHAN

Gunakan teks editor misalkan "Notepad" untuk menyunting dan menyimpan script latihan di bawah ini. Untuk melihat hasilnya bukalah file tersebut dengan menggunakan web browser atau gunakan editor yang telah tersedia pada modul ini dengan mengklik menu Editor.


Latihan 1:
Bagilah jendela menjadi dua frame secara vertikal dengan komposisi 40% untuk dokumen left.html dan 60% untuk dokumen right.html.


Nama file: latihan8_1.html

<html>
<head>
<title>Latihan8-1</title>
</head>
<frameset cols="40%,60%">
<frame src="left.html">
<frame src="right.html">
</frameset>
<body>
</body>
</html>

Catatan: penulisan nilai attribute cols dapat juga ditulis cols="40%,*".


Latihan 2:
Dari latihan 1 ubahlah dengan memberikan warna merah pada border dengan ukuran 10pixel.

   
Nama file: latihan8_2.html

<html>
<head>
<title>Latihan8-2</title>
</head>
<frameset cols="40%,*" border="10" bordercolor="red">
<frame src="left.html">
<frame src="right.html">
</frameset>
<body>
</body>
</html>


 


Latihan 3:
Dari latihan 2, tambahkan pada frame dokumen right.html dengan margin 50pixel.

   
Nama file: latihan8_3.html

<html>
<head>
<title>Latihan8-3</title>
</head>
<frameset cols="40%,*" border="10" bordercolor="red">
<frame src="left.html">
<frame src="right.html" marginheight="50" marginwidth="50">
</frameset>
<body>
</body>
</html>


 


 

Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

TUGAS KE-3 PRAKTEK ALGO I

Oleh
INILAH TUGAS KALIAN: Buatlah program untuk menampilkan menu berikut ini kemudian mengerjakan menu yang dipilih: MENU  1. Menghitung Luas Segitiga  2. Menghitung Volume Kubus  3. Menghitung Luas Lingkaran  4. Menghitung Volume Balok  5. MenghitungVolume Tabung  6. Keluar   (Pilihan 6 menyebabkan keluar dari program) KETERANGAN: tugas ini dikumpulkan dalam bentuk hardcopy (print) dan dikumpulkan selambat-lambatnya saat pertemuan praktek berikutnya. jangan lupa mencantumkan :  nama, npm, praktek, shift dan tugas keberapa FIKOM SENANTIASA METAL!
Posting Komentar
lanjut baca??

Operating system listing

Oleh
Ni satu lagi listing SO yg mgkn d butuhkan!!   Below is a listing of many of the different operating systems available today, the dates they were released, the  platforms  they have been developed for and who developed them. Operating system Date first released Platform Developer AIX / AIXL Unix / Linux history can be found  here  . Various IBM AmigaOS Currently no AmigaOS operating system history. Amiga Commodore BSD Unix / Linux history can be found  here  . Various BSD Caldera Linux Unix / Linux history can be found  here  . Various SCO Corel Linux Unix / Linux history can be found  here  . Various Corel Debian Linux Unix / Linux history can be found  here  . Various GNU DUnix Unix / Linux history can be found  here  . Various Digital DYNIX/ptx Unix / Linux history can be found  here  . Various IBM HP-UX Unix / Linux history can be found  here  . Various Hewlett Packard IRIX Unix / Linux history can be found  here  . Various SGI Kondara Linux Unix / Linux history can be found  here ...
Posting Komentar
lanjut baca??

Chord Armada Mau Dibawa Kemana

Oleh
intro A A Semuanya telah kuberi A dengan kesungguhan hati D             A Untukmu hanya untukmu A Tak perlu kau tanya lagi A siapa pemilik hati ini D             A E Kau tahu pasti dirimu Bm tolong lihat aku Dm        E dan jawab pertanyaanku [chorus] D         Dm          A Mau dibawa kemana hubungan kita Bm jika kau terus menunda-nunda dan Dm              E dan tak pernah nyatakan cinta D        Dm          A Mau dibawa kemana hubungan kita Bm Ku tak akan terus jalani Dm           E tanpa ada ikatan pasti antara kau dan aku [intro] A Bm D A Tak perlu kau tanya lagi A siapa pemilik hati ini D             A E Kau tahu pasti dirimu Bm tolong lihat aku Dm        E dan jawab pertanyaanku [chorus] D         Dm          A Mau dibawa kemana hubungan kita Bm jika kau terus menunda-nunda dan Dm              E dan tak pernah nyatakan cinta D        Dm          A Mau dibawa kemana hubungan kita Bm Ku tak akan terus jalani Dm           E tanpa ada ikatan pasti antara kau dan aku [interlude] D A/C...
Posting Komentar
lanjut baca??