Membuat Tabel Pada HTML
Beberapa perintah penting untuk membuat tabel:
1. <table border=”1”> .... </table> merupakan perintah utama dalam pembuatan tabel,
tabel dengan ketebalan 1px
2. <tr> ... </tr> tag untuk membuat baris
3. <td> ... </td> tag untuk membuat kolom/cell
4. colspan merge/melebarkan kolom/cell
5. rowspan merge/melebarkan baris
1. Tulislah perintah HTML, untuk membuat tabel berikut:
Jawab:
<html>
<head>
<title> Membuat Table </title>
</head>
<body>
<table border=”1”>
<tr>
<td align=”center”> Baris 1 Kolom 1</td>
<td align=”center”> Baris 1 Kolom 2</td>
</tr>
<td align=”center”> Baris 2 Kolom 1</td>
<td align=”center”> Baris 2 Kolom 2</td>
</table>
</body>
</html>
2. Tulislah perintah HTML, untuk membuat tabel berikut:
Jawab:
<html>
<head>
<title> Membuat Table </title>
</head>
<body>
<table border=”1”>
<tr>
<td align=”center”> Baris 1 Kolom 1</td>
<td align=”center”> Baris 1 Kolom 2</td>
</tr>
<td align=”center” colspan=2> Mergecells Kolom 1 & 2</td>
</table>
</body>
</html>
3. Tulislah perintah HTML, untuk membuat tabel berikut:
Jawab:
<html>
<head>
<title> Membuat Table </title>
</head>
<body>
<table border=”1”>
<tr>
<td align=”center”> Baris 1 Kolom 1</td>
<td align=”center” rowspan=2> Mergecells Baris 1 & 2</td>
</tr>
<td align=”center”> Baris 2 Kolom 1</td>
</table>
</body>
</html>
1. <table border=”1”> .... </table> merupakan perintah utama dalam pembuatan tabel,
tabel dengan ketebalan 1px
2. <tr> ... </tr> tag untuk membuat baris
3. <td> ... </td> tag untuk membuat kolom/cell
4. colspan merge/melebarkan kolom/cell
5. rowspan merge/melebarkan baris
1. Tulislah perintah HTML, untuk membuat tabel berikut:
Jawab:
<html>
<head>
<title> Membuat Table </title>
</head>
<body>
<table border=”1”>
<tr>
<td align=”center”> Baris 1 Kolom 1</td>
<td align=”center”> Baris 1 Kolom 2</td>
</tr>
<td align=”center”> Baris 2 Kolom 1</td>
<td align=”center”> Baris 2 Kolom 2</td>
</table>
</body>
</html>
2. Tulislah perintah HTML, untuk membuat tabel berikut:
<html>
<head>
<title> Membuat Table </title>
</head>
<body>
<table border=”1”>
<tr>
<td align=”center”> Baris 1 Kolom 1</td>
<td align=”center”> Baris 1 Kolom 2</td>
</tr>
<td align=”center” colspan=2> Mergecells Kolom 1 & 2</td>
</table>
</body>
</html>
3. Tulislah perintah HTML, untuk membuat tabel berikut:
Jawab:
<html>
<head>
<title> Membuat Table </title>
</head>
<body>
<table border=”1”>
<tr>
<td align=”center”> Baris 1 Kolom 1</td>
<td align=”center” rowspan=2> Mergecells Baris 1 & 2</td>
</tr>
<td align=”center”> Baris 2 Kolom 1</td>
</table>
</body>
</html>
0 komentar