SlideShare a Scribd company logo
Pertemuman 7
FRAMES
Frame biasa digunakan untuk membagi satu tampilan pada browser agar menampilkan beberapa
dokumen HTML.
<FRAMESET> TAG
Tag <FRAMESET> digunakan untuk mendefinisikan suatu set frame – frame yang akan di
tampilkan pada window browser. Di dalam tag <FRAMESET> (antara <FRAMESET> dan
</FRAMESET>) terdiri dari beberapa tag <FRAME>, tiap satu tag frame merupakan definisi dari
satu frame (bagian).
Syntax
<FRAMESET COLS="columnWidthList"
ROWS="rowHeightList"
BORDER="pixWidth"
BORDERCOLOR="color"
FRAMEBORDER="YES"|"NO" >
... </FRAMESET>
COLS Menentukan lebar dari kolom – kolom pembagian frame, list nilai tersebut ditulis dengan
comma-separated. Nilai dapat diisi dalam pixel, persen dan * (selebar mungkin).
ROWS Menentukan tinggi dari baris – baris pembagian frame, list nilai tersebut ditulis dengan
comma-separated. Nilai dapat diisi dalam pixel, persen dan * (setinggi mungkin).
BORDER Menentukan ketebalan garis pemisah antar frame.
BORDERCOLOR Menentukan warna garis pemisah antar frame
FRAMEBORDER Menentukan bagaimana garis pemisah antar frame ditampilkan:
YES outline-3D border.
NO suppresses the 3D border.
<FRAME> TAG
Tag <FRAME> adalah tag yang digunakan untuk membuat frame. Frame ini merupakan suatu
bagian pada web browser yang dapat diatur secara individual (atau bisa dibilang window di dalam
window).
Tag <FRAME> harus digunakan didalam tag <FRAMESET> (antara <FRAMESET> dan
</FRAMESET>).
Syntax
<FRAME NAME="frameName"
NORESIZE SCROLLING="YES"|"NO"|"AUTO"
SRC="URL"
>
NAME Menentukan nama dari frame. Nilai dari name harus diawali dengan huruf.
NORESIZE Apabila ditulis maka frame tersebut tidak dapat di resize (fixed)
SCROLLING Menentukan apakah frame dapat di-scroll atau tidak.
YES scrollbars selalu ada.
NO tidak ada scrollbars
AUTO scrollbars akan muncul secara otomatis begitu isi dari frame melebihi lebar
atau tinggi frame.
SRC Menentukan alamat (nama dokumen) dari isi yang ditampilkan pada frame
<NOFRAMES> TAG
Tag <NOFRAMES> menampilkan isi dari dokumen apabila browser yang digunakan user tidak
mendukung frame.
Tag ini tidak akan diakses apabila browser yang digunakan adalah browser yang mendukung frame.
Syntax
<NOFRAMES>...</NOFRAMES>
Perhatikan contoh berikut:
Perhatian:
Sebelum mencoba contoh di atas, dianjurkan untuk membuat dokumen HTML dengan nama:
frLeft.htm, frTop.htm dan frMain.htm
<HTML>
<HEAD>
<TITLE>Membuat FRAME</TITLE>
</HEAD>
<FRAMESET COLS="20%,*">
<FRAME SRC="frLeft.htm" NAME="noname">
<FRAMESET ROWS="30%,*">
<FRAME SRC="frTop.htm" NAME="toptoc">
<FRAME SRC="frMain.htm" NAME="outer">
</FRAMESET> </FRAMESET>
<NOFRAMES>
<BODY>
You must use a browser that can display frames to see this page.
</BODY>
</NOFRAMES>
</HTML>
Pertemuan7

More Related Content

Viewers also liked

Distance Learning Pack System Guidance Document
Distance Learning  Pack System Guidance DocumentDistance Learning  Pack System Guidance Document
Distance Learning Pack System Guidance DocumentHeather Neal
 
Plastic-Jars-Rez-Tech-TheJarMan-Br2
Plastic-Jars-Rez-Tech-TheJarMan-Br2Plastic-Jars-Rez-Tech-TheJarMan-Br2
Plastic-Jars-Rez-Tech-TheJarMan-Br2Jack Podnar
 
See The Benefits Of Our Open Architectures Readiness Assessment
See The Benefits Of Our Open Architectures Readiness AssessmentSee The Benefits Of Our Open Architectures Readiness Assessment
See The Benefits Of Our Open Architectures Readiness Assessment
LinuxIT
 
nơi nào dịch vụ giúp việc văn phòng chất lượng cao tphcm
nơi nào dịch vụ giúp việc văn phòng chất lượng cao tphcmnơi nào dịch vụ giúp việc văn phòng chất lượng cao tphcm
nơi nào dịch vụ giúp việc văn phòng chất lượng cao tphcmlaci497
 
Project Management Solution
Project Management SolutionProject Management Solution
Project Management Solution
djsstest
 
CMT0010 Oct 2013 Better than Google
CMT0010 Oct 2013 Better than GoogleCMT0010 Oct 2013 Better than Google
CMT0010 Oct 2013 Better than GoogleEISLibrarian
 
Slideshare
SlideshareSlideshare
Slideshare
DianaMendoza95
 
360 On The Park Peninsula
360 On The Park Peninsula360 On The Park Peninsula
360 On The Park Peninsula
360 On The Park
 
Redes Sociales
Redes Sociales
Redes Sociales
Redes Sociales
publiseo
 
Flipped classroom
Flipped classroomFlipped classroom
Flipped classroom
stephens2042
 
Ananias superação
Ananias superaçãoAnanias superação
Ananias superação
ananiasdoamaral
 
Goldilocks and the three bears kaitlyn johnson
Goldilocks and the three bears kaitlyn johnsonGoldilocks and the three bears kaitlyn johnson
Goldilocks and the three bears kaitlyn johnson
Kaitlyn Johnson
 

Viewers also liked (20)

Distance Learning Pack System Guidance Document
Distance Learning  Pack System Guidance DocumentDistance Learning  Pack System Guidance Document
Distance Learning Pack System Guidance Document
 
Plastic-Jars-Rez-Tech-TheJarMan-Br2
Plastic-Jars-Rez-Tech-TheJarMan-Br2Plastic-Jars-Rez-Tech-TheJarMan-Br2
Plastic-Jars-Rez-Tech-TheJarMan-Br2
 
See The Benefits Of Our Open Architectures Readiness Assessment
See The Benefits Of Our Open Architectures Readiness AssessmentSee The Benefits Of Our Open Architectures Readiness Assessment
See The Benefits Of Our Open Architectures Readiness Assessment
 
nơi nào dịch vụ giúp việc văn phòng chất lượng cao tphcm
nơi nào dịch vụ giúp việc văn phòng chất lượng cao tphcmnơi nào dịch vụ giúp việc văn phòng chất lượng cao tphcm
nơi nào dịch vụ giúp việc văn phòng chất lượng cao tphcm
 
Around the world
Around the worldAround the world
Around the world
 
VALUE_DESIGN_FBL
VALUE_DESIGN_FBLVALUE_DESIGN_FBL
VALUE_DESIGN_FBL
 
América
AméricaAmérica
América
 
Project Management Solution
Project Management SolutionProject Management Solution
Project Management Solution
 
CMT0010 Oct 2013 Better than Google
CMT0010 Oct 2013 Better than GoogleCMT0010 Oct 2013 Better than Google
CMT0010 Oct 2013 Better than Google
 
Slideshare
SlideshareSlideshare
Slideshare
 
Tecnologia
TecnologiaTecnologia
Tecnologia
 
360 On The Park Peninsula
360 On The Park Peninsula360 On The Park Peninsula
360 On The Park Peninsula
 
Redes Sociales
Redes Sociales
Redes Sociales
Redes Sociales
 
CRUZ AZUL
CRUZ AZULCRUZ AZUL
CRUZ AZUL
 
Flipped classroom
Flipped classroomFlipped classroom
Flipped classroom
 
Ananias superação
Ananias superaçãoAnanias superação
Ananias superação
 
Rrrrrr
RrrrrrRrrrrr
Rrrrrr
 
Goldilocks and the three bears kaitlyn johnson
Goldilocks and the three bears kaitlyn johnsonGoldilocks and the three bears kaitlyn johnson
Goldilocks and the three bears kaitlyn johnson
 
Pertemuan1
Pertemuan1Pertemuan1
Pertemuan1
 
Conv
ConvConv
Conv
 

Similar to Pertemuan7

Pertemuan 2 a
Pertemuan 2 aPertemuan 2 a
Pertemuan 2 a
zaenald i
 
Pertemuan 2 a
Pertemuan 2 aPertemuan 2 a
Pertemuan 2 a
f fr
 
Laporan tugas project pemograman web
Laporan tugas project pemograman webLaporan tugas project pemograman web
Laporan tugas project pemograman web
Zansa Sllw Gymbr
 
Cara membuat frame html
Cara membuat frame htmlCara membuat frame html
Cara membuat frame htmlFikri Pandoez
 
BAB III - FORMAT TEXT DAN HALAMAN WEB
BAB III - FORMAT TEXT DAN HALAMAN WEBBAB III - FORMAT TEXT DAN HALAMAN WEB
BAB III - FORMAT TEXT DAN HALAMAN WEB
TeukuMahawira
 
Tabel Tag HTML
Tabel Tag HTMLTabel Tag HTML
Tabel Tag HTML
Fajar Sany
 
chap CSS.pptx
chap CSS.pptxchap CSS.pptx
chap CSS.pptx
Muhammad Faiz
 
Laporan pratikum II web
Laporan pratikum II webLaporan pratikum II web
Laporan pratikum II web
rahmi wahyuni
 
Modul 1 - HTML
Modul 1 - HTMLModul 1 - HTML
Modul 1 - HTML
AchmadHamdan
 
Css
CssCss
Belajar pemrograman Web menggunakan HTML.pdf
Belajar pemrograman Web menggunakan HTML.pdfBelajar pemrograman Web menggunakan HTML.pdf
Belajar pemrograman Web menggunakan HTML.pdf
FajarSuryosaputro
 
CSS
CSSCSS
Tugas laporan aplikasi web nova muhdalifah
Tugas laporan aplikasi web nova muhdalifahTugas laporan aplikasi web nova muhdalifah
Tugas laporan aplikasi web nova muhdalifahzakianadalina97
 
BAB IV - FORMAT TABEL DAN HALAMAN WEB
BAB IV - FORMAT TABEL DAN HALAMAN WEBBAB IV - FORMAT TABEL DAN HALAMAN WEB
BAB IV - FORMAT TABEL DAN HALAMAN WEB
TeukuMahawira
 
Pengenalan internet 13
Pengenalan internet 13Pengenalan internet 13
Pengenalan internet 13
Suparno Oke
 
Tugas2 1300631019
Tugas2 1300631019Tugas2 1300631019
Tugas2 1300631019
setiyo muji
 
Css tutorial-19
Css tutorial-19Css tutorial-19
Css tutorial-19
Karin Novilda
 

Similar to Pertemuan7 (20)

Pertemuan 2 a
Pertemuan 2 aPertemuan 2 a
Pertemuan 2 a
 
Pertemuan 2 a
Pertemuan 2 aPertemuan 2 a
Pertemuan 2 a
 
06 frame
06 frame06 frame
06 frame
 
Laporan tugas project pemograman web
Laporan tugas project pemograman webLaporan tugas project pemograman web
Laporan tugas project pemograman web
 
Bab8
Bab8Bab8
Bab8
 
Cara membuat frame html
Cara membuat frame htmlCara membuat frame html
Cara membuat frame html
 
Pertemuan6
Pertemuan6Pertemuan6
Pertemuan6
 
BAB III - FORMAT TEXT DAN HALAMAN WEB
BAB III - FORMAT TEXT DAN HALAMAN WEBBAB III - FORMAT TEXT DAN HALAMAN WEB
BAB III - FORMAT TEXT DAN HALAMAN WEB
 
Tabel Tag HTML
Tabel Tag HTMLTabel Tag HTML
Tabel Tag HTML
 
chap CSS.pptx
chap CSS.pptxchap CSS.pptx
chap CSS.pptx
 
Laporan pratikum II web
Laporan pratikum II webLaporan pratikum II web
Laporan pratikum II web
 
Modul 1 - HTML
Modul 1 - HTMLModul 1 - HTML
Modul 1 - HTML
 
Css
CssCss
Css
 
Belajar pemrograman Web menggunakan HTML.pdf
Belajar pemrograman Web menggunakan HTML.pdfBelajar pemrograman Web menggunakan HTML.pdf
Belajar pemrograman Web menggunakan HTML.pdf
 
CSS
CSSCSS
CSS
 
Tugas laporan aplikasi web nova muhdalifah
Tugas laporan aplikasi web nova muhdalifahTugas laporan aplikasi web nova muhdalifah
Tugas laporan aplikasi web nova muhdalifah
 
BAB IV - FORMAT TABEL DAN HALAMAN WEB
BAB IV - FORMAT TABEL DAN HALAMAN WEBBAB IV - FORMAT TABEL DAN HALAMAN WEB
BAB IV - FORMAT TABEL DAN HALAMAN WEB
 
Pengenalan internet 13
Pengenalan internet 13Pengenalan internet 13
Pengenalan internet 13
 
Tugas2 1300631019
Tugas2 1300631019Tugas2 1300631019
Tugas2 1300631019
 
Css tutorial-19
Css tutorial-19Css tutorial-19
Css tutorial-19
 

More from Muhammad Romadhon (7)

Pertemuan11
Pertemuan11Pertemuan11
Pertemuan11
 
Pertemuan10
Pertemuan10Pertemuan10
Pertemuan10
 
Pertemuan8
Pertemuan8Pertemuan8
Pertemuan8
 
Pertemuan5
Pertemuan5Pertemuan5
Pertemuan5
 
Pertemuan4
Pertemuan4Pertemuan4
Pertemuan4
 
Pertemuan3
Pertemuan3Pertemuan3
Pertemuan3
 
Workshop web hacking 9 februari 2014
Workshop web hacking 9 februari 2014Workshop web hacking 9 februari 2014
Workshop web hacking 9 februari 2014
 

Pertemuan7

  • 1. Pertemuman 7 FRAMES Frame biasa digunakan untuk membagi satu tampilan pada browser agar menampilkan beberapa dokumen HTML. <FRAMESET> TAG Tag <FRAMESET> digunakan untuk mendefinisikan suatu set frame – frame yang akan di tampilkan pada window browser. Di dalam tag <FRAMESET> (antara <FRAMESET> dan </FRAMESET>) terdiri dari beberapa tag <FRAME>, tiap satu tag frame merupakan definisi dari satu frame (bagian). Syntax <FRAMESET COLS="columnWidthList" ROWS="rowHeightList" BORDER="pixWidth" BORDERCOLOR="color" FRAMEBORDER="YES"|"NO" > ... </FRAMESET> COLS Menentukan lebar dari kolom – kolom pembagian frame, list nilai tersebut ditulis dengan comma-separated. Nilai dapat diisi dalam pixel, persen dan * (selebar mungkin). ROWS Menentukan tinggi dari baris – baris pembagian frame, list nilai tersebut ditulis dengan comma-separated. Nilai dapat diisi dalam pixel, persen dan * (setinggi mungkin). BORDER Menentukan ketebalan garis pemisah antar frame. BORDERCOLOR Menentukan warna garis pemisah antar frame FRAMEBORDER Menentukan bagaimana garis pemisah antar frame ditampilkan: YES outline-3D border. NO suppresses the 3D border. <FRAME> TAG Tag <FRAME> adalah tag yang digunakan untuk membuat frame. Frame ini merupakan suatu bagian pada web browser yang dapat diatur secara individual (atau bisa dibilang window di dalam window).
  • 2. Tag <FRAME> harus digunakan didalam tag <FRAMESET> (antara <FRAMESET> dan </FRAMESET>). Syntax <FRAME NAME="frameName" NORESIZE SCROLLING="YES"|"NO"|"AUTO" SRC="URL" > NAME Menentukan nama dari frame. Nilai dari name harus diawali dengan huruf. NORESIZE Apabila ditulis maka frame tersebut tidak dapat di resize (fixed) SCROLLING Menentukan apakah frame dapat di-scroll atau tidak. YES scrollbars selalu ada. NO tidak ada scrollbars AUTO scrollbars akan muncul secara otomatis begitu isi dari frame melebihi lebar atau tinggi frame. SRC Menentukan alamat (nama dokumen) dari isi yang ditampilkan pada frame <NOFRAMES> TAG Tag <NOFRAMES> menampilkan isi dari dokumen apabila browser yang digunakan user tidak mendukung frame. Tag ini tidak akan diakses apabila browser yang digunakan adalah browser yang mendukung frame. Syntax <NOFRAMES>...</NOFRAMES>
  • 3. Perhatikan contoh berikut: Perhatian: Sebelum mencoba contoh di atas, dianjurkan untuk membuat dokumen HTML dengan nama: frLeft.htm, frTop.htm dan frMain.htm <HTML> <HEAD> <TITLE>Membuat FRAME</TITLE> </HEAD> <FRAMESET COLS="20%,*"> <FRAME SRC="frLeft.htm" NAME="noname"> <FRAMESET ROWS="30%,*"> <FRAME SRC="frTop.htm" NAME="toptoc"> <FRAME SRC="frMain.htm" NAME="outer"> </FRAMESET> </FRAMESET> <NOFRAMES> <BODY> You must use a browser that can display frames to see this page. </BODY> </NOFRAMES> </HTML>