On Selasa, 30 Januari 2018
Membuat Tabel Layout
Web
Untuk membuat tabel di HTML, kita
membutuhkan setidaknya 3 tag, yaitu tag<table>, tag <tr>, dan
tag <td>:
- Tag <table> digunakan untuk memulai tabel
- Tag <tr> adalah singkatan dari table row, digunakan untuk membuat baris dari tabel.
- Tag <td> adalah singkatan dari table data, digunakan untuk menginput data ke tabel.
Tabel di dalam tabel kadang
diperlukan, khususnya pada saat pembuatan layout halaman web menggunakan html.
Berikut beberapa contoh kode html untuk membuat tabel di dalam tabel. Berikut
contoh source code nya:
<html>
<head>
<title>Layout</title>
<body>
<table border="1" width="900px">
<!--header-->
<tr bgcolor="white">
<td colspan="2"
height="90px">Header 1</td>
<!-- tag dihilangkan-->
</tr>
<!--body-->
<tr>
<td width="600px"
height="400px" bgcolor="white">body 1</td>
<td width="300px"
bgcolor="white">body 2</td>
</tr>
<!--footer-->
<tr bgcolor="white">
<td colspan="2"
height="120px">Footer 1</td>
<!-- tag dihilangkan-->
</tr>
</body>
</head>
</html>
