~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~SAYA MENDENGAR LALU SAYA LUPA ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SAYA MEMBACA LALU SAYA INGAT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SAYA MELAKUKAN LALU SAYA MENGERTI~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

5 April 2015

Pelajaran 08 : Membuat Frame Pada HTML


Untuk membuat frame tag yang digunakan <FRAMESET>. Ada tiga pengaturan frame, yaitu secara VERTIKAL dengan tag <FRAMESET COLS="FilePertama% , FileKedua%">, HORISONTAL dengan tag <FRAMESET ROWS="FilePertama% , FileKedua%">, dan KOMBINASI dari vertikal dan horisontal.

Ikuti penjelasannya sebagai berikut :
  • frame horisontal
  • frame vertikal
  • frame kombinasi
  • Penggunaan IFRAME
Sebelum dapat mengaplikasikan penggunaan frame, perlu membuat terlebih dahulu 3 buah file HTML seperti berikut:

Script file berikut simpan dengan nama file "koran.html"

<html>
<head><title>koran</title></head>
<body>
<H4>Putri Masako STRES</H4>
Masuk menjadi anggota keluarga kekaisaran terkadang
harus berhadapan dengan berbagai macam aturan protokoler
kekaisaran yang mengkekang. Terlebih lagi kini Putri 
Masako yang kini hidup terikat dalam Istana.
</body>
</html>
 
Script file berikut simpan dengan nama file "majalah.html"

<html>
<head><title>majalah</title></head>
<body>
<H4>Ramai-ramai Bedah Plastik</H4>
Mantan bintang serial televisi CHARLI ANGELS ini lama 
menatik perhatian. Nama Farrah menjadi topik buah bibir di 
kota dimana ia bermukim, New York. Semua itu tak lain karena 
Wajah Baru Farrah di usia 57 Farrah berhasil menyulap 
penampilannya menjadi jaulh lebih muda. Ia tercatat sebagai 
salah satu dari banyak artis bedah plastik.
</body>
</html>
 
Script file berikut simpan dengan nama file "tabloid.html"
 
<html>
<head><title>tabloid</title></head>
<body>
<H4>SISWI SEKOLAH KESURUPAN</H4>
Pagi itu, siswa siswi SMK Putra Pangandaran kabupaten 
Ciamis Barat bersip mengikuti apel pagi. Seperti biasa, 
sebelum dimulai para pelajar itu membuat baarisan. 
Namun semangat dan keceriaan mereka koyak oleh suatu kejadian 
metafisika. Dalam waktu hampir bersamaan 23 siswi sekolah 
itu kesurupan secara berantai Kesurupan Massal.
</body>
</html>


1. Frame Horisontal

Tag yang digunakan untuk frame horisontal <FRAMESET ROWS="FilePertama% , FileKedua%">.

Contoh penulisannya:

<html>
<head><title>frame horisontal</title></head>
<FRAMESET ROWS="40%,60%">
 <FRAME SRC="koran.html">
 <FRAME SRC="majalah.html">
</FRAMESET>
</html>
 



2. Frame Vertikal

Tag yang digunakan untuk frame vertikal <FRAMESET COLS="FilePertama% , FileKedua%">.

Contoh penulisannya:
 
<html>
<head><title>frame vertikal</title></head>
<FRAMESET COLS="30%,70%">
 <FRAME SRC="koran.html">
 <FRAME SRC="majalah.html">
</FRAMESET>
</html>





3. Frame Kombinasi

Tag yang digunakan untuk frame kombinasi, merupakan perpaduan dari frame horisontal <FRAMESET COLS="FilePertama% , FileKedua%"> dan frame vertikal <FRAMESET COLS="FilePertama% , FileKedua%">.

Contoh penulisannya:
 
<html>
<head><title>frame kombinasi</title></head>
<FRAMESET COLS="30%,70%">
  <FRAME SRC="koran.html">
  <FRAMESET ROWS="30%,70%">
    <FRAME SRC="majalah.html">
    <FRAME SRC="tabloid.html">
  </FRAMESET>
</FRAMESET>
</html>
 



4. Penggunaan IFRAME

Iframe merupakan frame yang dapat diatur tinggi dan lebarnya. Tag yang digunakan untuk iframe <IFRAME SRC="namafile" WIDTH="...." HEIGHT="...."> dan ditutup dengan </IFRAME>.

Contoh penulisannya:
 
<html>
<head><title>IFRAME</title></head>
<body>
<H4>Ramai-ramai Bedah Plastik</H4>
Mantan bintang serial televisi CHARLI ANGELS ini lama 
menatik perhatian. Nama Farrah menjadi topik buah bibir di 
kota dimana ia bermukim, New York. Semua itu tak lain karena 
Wajah Baru Farrah di usia 57 Farrah berhasil menyulap 
penampilannya menjadi jaulh lebih muda. Ia tercatat sebagai 
salah satu dari banyak artis bedah plastik.<br>
<iframe src="koran.html"  width="200" height="100"> </iframe>
</body>
</html>
 
 
by herman @smkn3buduransda
 
 
 

ARTIKEL TERKAIT:


BACA JUGA TULISAN MENARIK LAINNYA :

0 Komentar:

Post a Comment