Membuat Tabel
Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri dari kolom dan baris. Dalam pembuatan tabel beberapa tag-tag / elemen-elemen ketentuan yang ada dalam pembuatan tabel meliputi :
1. <table> </table> : mendefinisikan bahwa teks di dalamnya merupakan tag-tag pembuatan tabel.
2. <table border=2> : mendefinisikan penentuan ada atau tidaknya serta ukuran border pada tabel.
3. <tr> </tr> : table row, mendefinisikan bahwa teks di dalamnya akan berada dalam satu baris. Banyaknya tag <tr></tr> menunjukkan banyaknya baris pada suatu tabel.
4. <td> </td> : table division, mendefinisikan isi dari suatu kolom, tag ini selalu berada di dalam tag <tr></tr>. Banyaknya tag <td></td> diantara tag </tr></tr> menunjukkan banyaknya kolom dalam suatu baris.
Atribute Elemen Tabel
WIDTH = Length ( table width, pixels or percentage )
HEIGHT = Length ( table width, pixels or percentage )
BORDER = pixels ( border width )
CELLPADDING =Lenght ( spacing between cells )
CELLSPACING =Lenght ( spacing within cells )
ALIGN =[left, center, right,] [table alignment]
Atribute Table Row
ALIGN =[left, center, right,] [horizontal alignment of cells in group]
VALIGN =[top, middle, bottom,] [vertical alignment of cells in group]
BGCOLOR = Color ( row background color )
Atribute Table Row
ROWSPAN = Number ( rows spanned by the cell )
COLSPAN = Number ( columns spanned by the cell )
ALIGN =[left, center, right,] [horizontal alignment]
VALIGN =[top, middle, bottom,] [vertical alignment]
WIDTH = Pixels (cell width, pixels or percentage )
HEIGHT = Pixels (cell heigth, pixels or percentage )
BGCOLOR = Color ( cell background color )
PRAKTIKUM 8
<html>
<head>
<title>latihan Tabel 1</title>
</head>
<body>
<table width="398" border="1">
<tr>
<td width="125">Kolom 1 Baris 1 </td>
<td width="124">Kolom 2 Baris 1 </td>
<td width="127">Kolom 3 Baris 1</td>
</tr>
<tr>
<td>Kolom 1 Baris 2 </td>
<td>Kolom 2 Baris 2 </td>
<td>Kolom 3 Baris 2 </td>
</tr>
<tr>
<td>Kolom 1Baris 3 </td>
<td>Kolom 2 Baris 3 </td>
<td>Kolom 2 Baris 3 </td>
</tr>
</table>
</body>
</html>
PRAKTIKUM 9
<html>
<head>
<title>latihan Tabel 2</title>
</head>
<body>
<table width="398" border="1">
<tr>
<td>Kolom 1 Baris 1 </td>
<td>Kolom 2 Baris 1 </td>
<td>Kolom 3 Baris 1 </td>
</tr>
<tr>
<td>Kolom 1 Baris 2 </td>
<td>Kolom 2 Baris 2 </td>
<td>Kolom 3 Baris 2 </td>
</tr>
<tr>
<td>Kolom 1Baris 3 </td>
<td>Kolom 2 Baris 3 </td>
<td>Kolom 2 Baris 3 </td>
</tr>
</table>
</body>
</html>
Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri dari kolom dan baris. Dalam pembuatan tabel beberapa tag-tag / elemen-elemen ketentuan yang ada dalam pembuatan tabel meliputi :
1. <table> </table> : mendefinisikan bahwa teks di dalamnya merupakan tag-tag pembuatan tabel.
2. <table border=2> : mendefinisikan penentuan ada atau tidaknya serta ukuran border pada tabel.
3. <tr> </tr> : table row, mendefinisikan bahwa teks di dalamnya akan berada dalam satu baris. Banyaknya tag <tr></tr> menunjukkan banyaknya baris pada suatu tabel.
4. <td> </td> : table division, mendefinisikan isi dari suatu kolom, tag ini selalu berada di dalam tag <tr></tr>. Banyaknya tag <td></td> diantara tag </tr></tr> menunjukkan banyaknya kolom dalam suatu baris.
Atribute Elemen Tabel
WIDTH = Length ( table width, pixels or percentage )
HEIGHT = Length ( table width, pixels or percentage )
BORDER = pixels ( border width )
CELLPADDING =Lenght ( spacing between cells )
CELLSPACING =Lenght ( spacing within cells )
ALIGN =[left, center, right,] [table alignment]
Atribute Table Row
ALIGN =[left, center, right,] [horizontal alignment of cells in group]
VALIGN =[top, middle, bottom,] [vertical alignment of cells in group]
BGCOLOR = Color ( row background color )
Atribute Table Row
ROWSPAN = Number ( rows spanned by the cell )
COLSPAN = Number ( columns spanned by the cell )
ALIGN =[left, center, right,] [horizontal alignment]
VALIGN =[top, middle, bottom,] [vertical alignment]
WIDTH = Pixels (cell width, pixels or percentage )
HEIGHT = Pixels (cell heigth, pixels or percentage )
BGCOLOR = Color ( cell background color )
PRAKTIKUM 8
<html>
<head>
<title>latihan Tabel 1</title>
</head>
<body>
<table width="398" border="1">
<tr>
<td width="125">Kolom 1 Baris 1 </td>
<td width="124">Kolom 2 Baris 1 </td>
<td width="127">Kolom 3 Baris 1</td>
</tr>
<tr>
<td>Kolom 1 Baris 2 </td>
<td>Kolom 2 Baris 2 </td>
<td>Kolom 3 Baris 2 </td>
</tr>
<tr>
<td>Kolom 1Baris 3 </td>
<td>Kolom 2 Baris 3 </td>
<td>Kolom 2 Baris 3 </td>
</tr>
</table>
</body>
</html>
PRAKTIKUM 9
<html>
<head>
<title>latihan Tabel 2</title>
</head>
<body>
<table width="398" border="1">
<tr>
<td>Kolom 1 Baris 1 </td>
<td>Kolom 2 Baris 1 </td>
<td>Kolom 3 Baris 1 </td>
</tr>
<tr>
<td>Kolom 1 Baris 2 </td>
<td>Kolom 2 Baris 2 </td>
<td>Kolom 3 Baris 2 </td>
</tr>
<tr>
<td>Kolom 1Baris 3 </td>
<td>Kolom 2 Baris 3 </td>
<td>Kolom 2 Baris 3 </td>
</tr>
</table>
</body>
</html>