Tabella hija komponent essenzjali fl-HTML għall-wiri tad-dejta f'format strutturat b'ringieli u kolonni. Fl-HTML, it-tabelli jinħolqu bl-użu tat-tabelli <table>, <tr>, u <td>.
It-tikketta <table> tirrappreżenta l-kontenitur tat-tabella prinċipali, li fih ir-ringieli u l-kolonni kollha. Ir-ringieli huma definiti bl-użu tat-tikketta <tr>(ringieli tat-tabella), filwaqt li ċ-ċelloli fi ħdan ir-ringieli huma definiti bl-użu tat-tikketta <td>(data tat-tabella). Barra minn hekk, tista 'tuża t-tikketta <th>(header tat-tabella) biex tiddefinixxi ċ-ċelloli tal-header għat-tabella.
Tista 'tuża attributi bħal colspan u rowspan biex tgħaqqad ċelluli fit-tabella jew tifrex ċelluli fuq ringieli u kolonni multipli. Barra minn hekk, tista 'tapplika proprjetajiet CSS biex tippersonalizza d-dehra u t-tqassim tat-tabella.
Tabella( <table>)
- L- <table> element jintuża biex tinħoloq tabella fl-HTML.
- Id-dejta titqiegħed f'ringieli( <tr>) u kolonni( <td> jew <th>).
- Kull ċellula tad-dejta titqiegħed f'elementi <td>(ċellula tad-dejta) jew <th>(ċellula tal-intestatura).
<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>
Intestatura tal-Kolonna( <th>)
- L- <th> element jintuża biex jinħolqu headers tal-kolonni f'tabella.
- Tipikament imqiegħed fl-ewwel ringiela tat-tabella.
<table>
<tr>
<th>No.</th>
<th>Name</th>
<th>Age</th>
</tr>
<!-- data rows -->
</table>
Ringieli tad-Data( <tr>):
- L- <tr> element jintuża biex jinħolqu ringieli tad-dejta f'tabella.
- Iċ-ċelloli tad-dejta( <td>) jew iċ-ċelloli tal-header( <th>) jitqiegħdu f'dawn l <tr> -elementi.
<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>
Mifrux tal-kolonna( colspan)
L- colspan attribut huwa użat biex jiddetermina n-numru ta 'kolonni li ċellula tad-dejta jew ċellula ta' l-intestazzjoni se span fit-tabella.
<table>
<tr>
<th colspan="2">Personal Information</th>
</tr>
<tr>
<td colspan="2">John Doe</td>
</tr>
</table>
Tifir tar-ringiela( rowspan)
L- rowspan attribut huwa użat biex jiddetermina n-numru ta 'ringieli li ċellula tad-dejta jew ċellula ta' l-intestazzjoni se span fit-tabella.
<table>
<tr>
<th rowspan="2">No.</th>
<td>1</td>
<td>John</td>
</tr>
<tr>
<td>2</td>
<td>Jane</td>
</tr>
</table>
Jingħaqdu Ċelloli( colspan u rowspan)
Tista 'tgħaqqad it-tnejn colspan u rowspan l-attributi biex tgħaqqad iċ-ċelloli f'tabella.
<table>
<tr>
<th rowspan="2">No.</th>
<th colspan="2">Personal Information</th>
</tr>
<tr>
<td>John</td>
<td>25</td>
</tr>
</table>
border proprjetà
- Il- border proprjetà tispeċifika l-ħxuna tal-bord tal-mejda.
- Il-valur ta' border huwa numru sħiħ mhux negattiv.
<table border="1">
<!-- Table rows and columns -->
</table>
cellpadding proprjetà
- ,Il- cellpadding proprjetà tispeċifika d-distanza bejn il-kontenut taċ-ċellula u l-bord taċ-ċellula fit-tabella.
- Il-valur ta' cellpadding huwa numru sħiħ mhux negattiv
<table cellpadding="5">
<!-- Table rows and columns -->
</table>
cellspacing proprjetà
- Il- cellspacing proprjetà tispeċifika l-ispazjar bejn iċ-ċelloli fit-tabella.
- Il-valur ta' cellspacing huwa numru sħiħ mhux negattiv.
<table cellspacing="10">
<!-- Table rows and columns -->
</table>
Dawn l-attributi u l-elementi jippermettulek toħloq u tippersonalizza tabelli f'HTML skont il-bżonnijiet tiegħek. Tista' tużahom biex turi d-dejta b'mod ċar u organizzat fuq il-websajt tiegħek.