Tabel minangka komponen penting ing HTML kanggo nampilake data ing format terstruktur kanthi baris lan kolom. Ing HTML, tabel digawe nggunakake tag <table>, <tr>, lan <td>.
Tag <table> nggambarake wadhah tabel utama, sing ngemot kabeh baris lan kolom. Baris ditetepake nggunakake tag <tr>(baris tabel), dene sel ing baris ditetepake nggunakake tag <td>(data tabel). Kajaba iku, sampeyan bisa nggunakake tag <th>(header tabel) kanggo nemtokake sel header kanggo tabel.
Sampeyan bisa nggunakake atribut kaya colspan lan rowspan kanggo nggabungake sel ing tabel utawa span sel ing sawetara baris lan kolom. Salajengipun, sampeyan bisa ngetrapake properti CSS kanggo ngatur tampilan lan tata letak meja.
Tabel( <table>)
- <table> Unsur digunakake kanggo nggawe tabel ing HTML.
- Data diselehake ing larik( <tr>) lan kolom( <td> utawa <th>).
- Saben sel data diselehake ing unsur <td>(sel data) utawa <th>(sel header).
<table>
<tr>
<th>No.</th>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>1</td>
<td>John</td>
<td>25</td>
</tr>
<tr>
<td>2</td>
<td>Jane</td>
<td>30</td>
</tr>
</table>
Header Kolom( <th>)
- <th> Unsur digunakake kanggo nggawe header kolom ing tabel.
- Biasane diselehake ing baris pisanan saka meja.
<table>
<tr>
<th>No.</th>
<th>Name</th>
<th>Age</th>
</tr>
<!-- data rows -->
</table>
Baris Data( <tr>):
- <tr> Unsur digunakake kanggo nggawe larik data ing tabel.
- Sel data( <td>) utawa sel header( <th>) diselehake ing <tr> unsur kasebut.
<table>
<tr>
<th>No.</th>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>1</td>
<td>John</td>
<td>25</td>
</tr>
<tr>
<td>2</td>
<td>Jane</td>
<td>30</td>
</tr>
</table>
Spanning kolom( colspan)
Atribut colspan digunakake kanggo nemtokake jumlah kolom sing sèl data utawa sel header bakal span ing tabel.
<table>
<tr>
<th colspan="2">Personal Information</th>
</tr>
<tr>
<td colspan="2">John Doe</td>
</tr>
</table>
Spanning Baris( rowspan)
Atribut rowspan digunakake kanggo nemtokake jumlah larik sing bakal diisi sel data utawa sel header ing tabel.
<table>
<tr>
<th rowspan="2">No.</th>
<td>1</td>
<td>John</td>
</tr>
<tr>
<td>2</td>
<td>Jane</td>
</tr>
</table>
Penggabungan Sel( colspan lan rowspan)
Sampeyan bisa nggabungake loro colspan lan rowspan atribut kanggo nggabungake sel ing tabel.
<table>
<tr>
<th rowspan="2">No.</th>
<th colspan="2">Personal Information</th>
</tr>
<tr>
<td>John</td>
<td>25</td>
</tr>
</table>
border properti
- border Properti kasebut nemtokake kekandelan wates meja.
- Nilai saka border iku integer non-negatif.
<table border="1">
<!-- Table rows and columns -->
</table>
cellpadding properti
-, cellpadding Properti kasebut nemtokake jarak antarane isi sel lan wates sel ing tabel.
- Nilai saka cellpadding iku integer non-negatif
<table cellpadding="5">
<!-- Table rows and columns -->
</table>
cellspacing properti
- cellspacing Properti kasebut nemtokake jarak antarane sel ing tabel.
- Nilai saka cellspacing iku integer non-negatif.
<table cellspacing="10">
<!-- Table rows and columns -->
</table>
Atribut lan unsur iki ngidini sampeyan nggawe lan ngatur tabel ing HTML miturut kabutuhan sampeyan. Sampeyan bisa digunakake kanggo nampilake data kanthi jelas lan teratur ing situs web sampeyan.