Table
<table>
<caption> Judul Table </caption>
<tr> {table row 1}
<td> {table col 1}
Table Fill 1
</td>
<td> {table col 2}
Table Fill 2
</td>
</tr> {table row 2}
<td> {table col 1}
Table Fill 1
</td>
<td> {table col 2}
Table Fill 2
</td>
</table>
<th> </th> {digunakan untuk Cell Heading}
Border Table
<table border="5">
<tr>
</tr>
<table >
Background Table
<table bgcolor="red">
<tr>
</tr>
<table >
Cellpadding
NB:Mengatur jarak isi dan cell
<table cellpadding="10">
<tr>
</tr>
<table >
Cellspacing
NB:Mengatur jarak antarcell
<table cellspacing="10">
<tr>
</tr>
<table >
Width & Height
NB:Mengatur lebar dan tinggi table
<table width="300" height="200" >
<tr>
</tr>
<table >
Align & Valign
Align = mengatur perataan secara horizontal
Valign = mengatur perataan secara vertikal
<table align="center" >
<tr>
<td>align="left"</td>
<td>align="right"</td>
<td>align="center"</td>
</tr>
<tr>
<td>valign="top"</td>
<td>align="middle"</td>
<td>align="bottom"</td>
</tr>
<table >
Colspan & Rowspan
rowspan = digunakan untuk menggabungkan beberapa baris
colspan = digunakan untuk menggabungkan beberapa colom
<table align="center" >
<tr rowspan="2">
<td colspan="3"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<table >
Frame
digunakan untuk membuka beberapa halaman web dalam 1 tampilan
NB:diletakkan pada sesudah </head> dan sebelum <body>
nama file : Main.html
<html>
<head>
<title>Main</;title>
</head>
<frameset rows="40%,*">
<frame src="atas.html">
<frameset cols="20%,*">
<frame src="kiri.html">
<frame src="kanan.html" name="kanan" >
</frameset>
</frameset>
<body>
</body>
</html>
nama file : kiri.html
<html>
<head>
<title>Kiri.html</;title>
</head>
<body>
<a href="http://google.com/ target="kanan">Click Google</a>
ketika Click Google diklik, maka window yang terbuka adalah kanan.html
</body>
</html>
nama file : kiri.html
<html>
<head>
<title>Kanan.html</;title>
</head>
<body>
</body>
</html>
Frame Border
<frameset rows="50%,*" border="0">
<frameset>
iframe
NB:Implementasi frame yang lebih flexible
<iframe src="x.html
width="200"
height="100"
align="right" />
Saturday
Table n Frame
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment