Frame HTML

Frame HTML biasanya akan digunakan apabila kita ingin membangun sebuah web dengan menampilkan web page yang terpisah-pisah dalam satu window browser. Jadi satu window browser dibagi menjadi beberapa windows yang disebut dengan nama frame.
Contoh sintaksnya adalah:

<frameset border=# {[rows|colse]}={#,[#[,...]]}>
   <frame src="url" name="namaframe">
</frameset>

Target Frame

Ini adalah beberapa contoh target frame yang sering digunakan:

Nama Frame Fungsi
_self Digunakan apabila target frame adalah frame tempat link berada.
_top Digunakan apabila target frame adalah windows tempat frame berada. Dengan menggunakan _top sebagai target, maka definisi frame yang ada
pada windows browser akan hilang, diganti dengan definisi frame yang baru jika ada.
_parent Target frame adalah setingkat di atas frame link berada. Akibat dari target frame _parent akan sama jika tempat frame link berada hanya
satu level di bawah definisi frame windows.
_blank Target _blank digunakan untuk membuka windows baru.

Iframe

Iframe adalah pengembangan selanjutnya dari Frame. Iframe memungkinkan si programmer untuk membuat frame windows yang mengambang. Frame ini mirip seperti text box, jika browser melakukan scroll, maka frame ini juga ikut terscroll.

<p>Beberapa browser vesri lama tidak mendukung iframe</p>
<p>Jika tidak support maka iframe tidak akan terlihat</p>
</html>

Frame Kolom

Frame kolom adalah membagi-bagi frame window sesuai kolom/secara vertikal. Contoh:


<!DOCTYPE HTML>
<html>
<head>
	<title>Frame kolom</title>
</head>
<frameset cols="25%,50%,25%">
	<frame src="http://localhost/html/Computer-output.html"></frame>
	<frame src="http://localhost/html/Komentar.html"></frame>
	<frame src="http://localhost/html/Singkatan.html"></frame>
</frameset>
</html>

Tampilannya akan seperti ini:
screenshoot

Frame Baris

Nah kalau frame baris itu kebalikannya dari frame kolom. Frame baris adalah menampilkan frame secara horizontal.
Contoh:


<!DOCTYPE HTML>
<html>
<head>
	<title>Frame baris</title>
</head>
<frameset rows="25%,50%,25%">
	<frame src="http://localhost/html/blockquote.html"></frame>
	<frame src="http://localhost/html/coba_break.html"></frame>
	<frame src="http://localhost/html/floating-image.html"></frame>
</frameset>
</html>

Tampilannya:
screenshoot

Frame Campuran

Frame Campuran adalah frame dari hasil penggabungan antara frame kolom dan baris. Jadi nanti di page HTML akan terlihat tampilan frame yang terdiri dari frame baris dan frame kolom.
Contoh:


<!DOCTYPE HTML>
<html>
<head>
	<title>Frame campuran</title>
</head>
<frameset rows="50%,50%">
	<frame src="http://localhost/html/border-tabel.html"></frame>
		<frameset cols="27%,75%">
			<frame src="http://localhost/html/definition-list.html"></frame>
			<frame src="http://localhost/html/ins-del.html"></frame>
		</frameset>
</frameset>
</html>

Hasilnya:
screenshoot

Frame Inline

Frame inline adalah frame yang di tampilkan di dalam tag HTML. Jadi frame itu disisipkan di dalam page HTML.
Contoh:

<!DOCTYPE HTML>
<html>
<head>
	<title>Frame inline</title>
</head>

<p>Beberapa browser vesri lama tidak mendukung iframe</p>
<p>Jika tidak support maka iframe tidak akan terlihat</p>
</html>

Hasilnya:
screenshoot
Catatan:
Untuk pada bagian Frame ini. Di dalam koding terdapat src dengan url misal src=”http://localhost/html/coba_paragraf.html&#8221;. Jadi maksudnya disitu adalah, sebelumnya anda harus sudah membuat suatu page HTML yang bernama coba_paragraf.html di dalam 1 folder yang bernama folder html. Apabila file tersebut tidak ada, maka frame anda tidak akan tampil seperti contoh-contoh diatas.

Advertisements

One comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s