Belajar Layout Table dan Frame

Membuat Layout Menggunakan Table

<html>
<body>

<table border="1" width ="600" height ="400">
           <tr height ="40" align ="center">
<td width ="20%" > Header kiri </td>
<td wiidth ="60%" > Header tengah </td>
<td> Header kanan </td>
           </tr>

        <tr align="center">
<td rowspan ="2"> Menu kiri </td>
<td colspan ="2"> Menu isi </td>
         </tr>

        <tr height ="40" align ="center">
<td> Footer kiri </td>
<td colspan ="2"> footer kanan </td>
        </tr>

</table>
</body>
</html>


Penggunaan tag dan fungsinya :

<table> = Mendefenisikan table
<caption> = Memberi nama pada tabel
<tr>         = Mendeskripsikan baris dalam table
<td> = Mendeskripsikan kolom
<th> = Mendeskripsikan judul kolom (teks Bold)
<rowspan> = Memotong jumlah baris pada tabel sesuai nilai, (n="2")
<colspan> = Memotong jumlah kolom pada tabel sesuai nilai, (n="2")


FRAME pada HTML

Frame HTML dapat di gunakan untu membuat tampian halaman HTML yang terbagi - bagi menjadi beberapa bagian, dimana setiap
bagiannya merupakan satu halaman pada HTML namun terpisah. ini dilakukan untuk membuat tampilan halaman salah satu atau
beberapa bagian berganti - ganti isinya sedangkan bagian lainnya tetap, sehingga dapat menghemat bandwith internet dan
mempercepat proses download secara keseluruhan. Namun, tidak semua browser mendukung frame, sehingga diperlukan perlakuan
khusus terhadap pengguna browser tersebut

<html>
<head>
<title> ini Judul </title>
</head>
<body>
   <frameset rows ="200",*>
<frameset cols ="400",*>
<frame src ="list.html" frame border ="1">
<frame src ="heading.html" frame border ="1">
</frameset>
<frame src ="table.html">
  <no frames>
bagian ini ditampilkan jika browser tidak mendukung penggunaan frame
</noframes>
    </frameset>
</body>
</html>