Membuat Table Html

Membuat table dalam html, untuk membuat table dalam html di perlukan elemen - elemen dan atribut
yang ada dalam tag <Table> adapun elemen yang ada dalam tag <Table> adalah :

  • <Caption> ... </Caption>  adalah untuk memberi judul pada table yang terletak luar table
  • <Tr> ... </Tr>   adalah untuk menentukan berapa baris table yang kamu butuhkan,
  • <Th> ... </Th>  adalah untuk memberikan judul pada table yang berada di dalam table
  • <Td> ... </Td>  adalah untuk menentukan berapa kolom pada table yang berada di di dalam baris table
Lalu adapun untuk atribut yang ada dalam tag <Table> adalah :

1. Border <Table Border = 1> adalah digunakan untuk menentukan tebal garis tepi table dengan nilai yang kamu masukan,


Example :



<html>
<head>
<title> membuat table</title>
</head>
<body>
<pre>


<!-- Table 1 -->
<table border = 1>   <!-- table dengan border 1 cell -->
<caption> caption 2 </caption>   <!--adalah untuk memberi judul pada table yang terletak luar table -->
<tr>                <!--  adalah untuk menentukan berapa baris table yang kamu butuhkan -->
<th> </th>      <!-- adalah untuk memberikan judul pada table yang berada di dalam table -->
<th>A</th>
<th>B</th>
<th>C</th>
</tr>

<tr>             <!--  adalah untuk menentukan berapa baris table yang kamu butuhkan -->
<th>1</th>  <!-- adalah untuk memberikan judul pada table yang berada di dalam table -->
<td> baris 1 kolom A </td>   <!-- adalah untuk menentukan berapa kolom pada table yang berada di di dalam baris table -->
<td> baris 1 kolom B </td>
<td> baris 1 kolom C </td>
</tr>

<tr>             <!--  adalah untuk menentukan berapa baris table yang kamu butuhkan -->
<th>2</th>
<!-- adalah untuk memberikan judul pada table yang berada di dalam table --><td> baris 2 kolom A </td> <!-- adalah untuk menentukan berapa kolom pada table yang berada di di dalam baris table -->
<td> baris 3 kolom B </td>
<td> baris 4 kolom C </td>
</tr>


<!-- table 2 -->
</table>
<table border = 6> <!-- table dengan border 6 cell -->
<caption> caption 3 </caption>
<tr>
<th> th 1 </th>
<th> th 2 </th>
<td> table dengan enam cell</td>
</tr>
</table>

</pre>
</body>
</html>

Tidak ada komentar:

Posting Komentar