Membuat
Frames
Frame
HTML dapat digunakan untuk membuat tampilan halaman HTML yang terbagi-bagi
menjadi beberapa dokumen HTML, dimana setiap bagian merupakan satu halaman HTML
terpisah. Sehingga tampilan halaman HTML yang salah satu atau beberapa bagian
berganti-ganti isinya sedangkan bagian lain tetap sehingga dapat menghemat
bandwidth internet dan mempercepat proses download secara keseluruhan.
Format:
<html>
<head>
</head>
<frameset>
<frame src>
</frameset>
</html>
Aturan
penggunaan atribut ROWS dan COLS pada frameset adalah:
<frameset
rows=”tinggi_baris,tinggi_baris,…”>
<frameset
cols=”lebar_kolom, lebar_kolom,…”>
Atribut-atribut yang digunakan
dalam FRAME adalah:
|
Atribut
|
Fungsi
|
|
FRAMESET COLS
|
Membuat frame vertikal dengan lebar kolom tertentu
|
|
FRAMESET ROWS
|
Membuat frame horizontal dengan tinggi
baris tertentu
|
|
FRAME SRC
|
Memasukkan dokumen HTML ke dalam FRAME
|
|
NOFRAME
|
Memasukkan body teks untuk browser yang tidak dapat menampilkan frame
|
Buat frame.html
<html>
<head>
<title>Membuat Frames</title>
</head>
<frameset rows=20%,* framespacing="0" border="0" frameborder="0">
<frame name=atas src=header.html scrolling="no" noresize>
<frameset cols=25%,* framespacing="0" border="0" frameborder="0">
<frame name=kiri src=kiri.html scrolling="no" noresize>
<frame name=kanan src=kanan.html scrolling="no" noresize>
</frameset>
</frameset>
</html>
<head>
<title>Membuat Frames</title>
</head>
<frameset rows=20%,* framespacing="0" border="0" frameborder="0">
<frame name=atas src=header.html scrolling="no" noresize>
<frameset cols=25%,* framespacing="0" border="0" frameborder="0">
<frame name=kiri src=kiri.html scrolling="no" noresize>
<frame name=kanan src=kanan.html scrolling="no" noresize>
</frameset>
</frameset>
</html>
Header.html
<html>
<head>
<title>Membuat
Frames</title>
</head>
<body
bgcolor=#EEEEEE>
<font
face=arial size=6 color=tahoma>
<b>SMKN 1 DEPOK </b><br>
<div
style="text-align:left;"><img src="1dpk.jpg" alt="Logo
SMKN1 DEPOK" width="100" height="100"></div>
<font
face=arial size=4 color=orange>
<i>Sukses itu didapat dari usaha dan kerja
keras serta doa</i>
</body>
</html>
Kiri.html
<html>
<head>
<title>Membuat Frames</title>
</head>
<body
bgcolor=#ffffff>
<table
border=1 width="228" height="28" cellspacing=0>
<tr>
<td width="218"
height="22" bordercolor="#800080"
bgcolor="#BDCED9">
<b><font face="Tahoma"
size="2"> M e n u</font></b>
</td>
</tr>
<tr>
<td
width="218" height="22" bordercolor="#800080">
<b><font
face="Tahoma" size="2">
<a href=kanan.html target=kanan>H o
m e</a></font></b></td>
</tr>
<tr>
<td
width="218" height="22" bordercolor="#800080">
<b><font
face="Tahoma" size="2">
<a href=proli.html target=kanan>Program Keahlian</a>
</font></b></td>
</tr>
<tr>
<td width="218" height="22"
bordercolor="#800080">
<b><font
face="Tahoma" size="2">
<a
href=ekstra.html target=kanan>Ekstra Kurikuler</a>
</font></b></td>
</tr>
</table>
</body>
</html>
Proli.html
<html>
<head>
<title>Membuat Frames</title>
</head>
<body
bgcolor=#ffffff>
<table
border=1 bordercolor=bordercolor="#800080"
cellspacing=0 cellpadding=50 width=750 height=450>
<tr>
<td valign=top>
<font face=verdana size=4
color=blue>
Program Keahlian:<br>
<font size=1>
<ul type=circle>
<li>Rekayasa
Perangkat Lunak
<li>Teknik Kendaraan Ringan
<li>Teknik Kendaraan Ringan
<li>Teknik Sepeda Motor
<li>TAkomondasi
Perhotelan
<li>Akutansi
<li>Multimedia
</ul>
</td>
</tr>
</body>
</html>
Ekstra.html
<html>
<head>
<title>Membuat Frames</title>
</head>
<body
bgcolor=#ffffff>
<table
border=1 bordercolor=bordercolor="#800080"
cellspacing=0 cellpadding=50 width=750 height=450>
<tr>
<td valign=top>
<font face=verdana size=4
color=blue>
Ekstra Kurikuler:<br>
<font
size=1>
<ul type=circle>
<li>Sepak
Bola
<li>Basket
<li>Paskibra
<li>PMR
<li>Bahasa
Jepang
</ul>
</td>
</tr>
</body>
</html>
Berikut hasilnya
0 komentar:
Posting Komentar