Is comhpháirt riachtanach de HTML é tábla chun sonraí a thaispeáint i bhformáid struchtúrtha le sraitheanna agus colúin. I HTML, cruthaítear táblaí ag baint úsáide as na clibeanna <table>, <tr>, agus <td>.
Seasann an chlib <table> don phríomhchoimeád tábla, ina bhfuil na sraitheanna agus na colúin go léir. Sainmhínítear sraitheanna ag baint úsáide as an gclib <tr>(as a chéile boird), agus sainítear cealla laistigh de na sraitheanna ag baint úsáide as an gclib <td>(sonraí tábla). Ina theannta sin, is féidir leat an chlib <th>(ceanntábla) a úsáid chun cealla ceanntásc a shainiú don tábla.
Is féidir leat tréithe ar nós colspan agus ró-réise a úsáid chun cealla sa tábla a chumasc nó chun cealla a réise trasna sraitheanna agus colúin iolracha. Ina theannta sin, is féidir leat airíonna CSS a chur i bhfeidhm chun cuma agus leagan amach an tábla a shaincheapadh.
Tábla( <table>
)
<table>
- Úsáidtear an eilimint chun tábla a chruthú i HTML.
- Cuirtear sonraí i sraitheanna( <tr>
) agus i gcolúin( <td>
nó <th>
).
- Cuirtear gach cill sonraí laistigh d'eilimintí <td>
(cill sonraí) nó <th>
(cill ceanntásc).
<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>
Ceannteideal Colún( <th>
)
- <th>
Úsáidtear an eilimint chun ceanntásca colúin a chruthú i dtábla.
- Go hiondúil a chuirtear sa chéad ró den tábla.
<table>
<tr>
<th>No.</th>
<th>Name</th>
<th>Age</th>
</tr>
<!-- data rows -->
</table>
Sraitheanna Sonraí( <tr>
):
- <tr>
Úsáidtear an eilimint chun sraitheanna sonraí a chruthú i dtábla.
- Cuirtear cealla sonraí( <td>
) nó cealla ceanntásc() laistigh de na heilimintí seo. <th>
<tr>
<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>
Cuimsíonn Colún( colspan
)
Úsáidtear an colspan
tréith chun líon na gcolún a rithfidh cill sonraí nó cill ceanntásc sa tábla a chinneadh.
<table>
<tr>
<th colspan="2">Personal Information</th>
</tr>
<tr>
<td colspan="2">John Doe</td>
</tr>
</table>
Sraith Cuimsíonn( rowspan
)
Úsáidtear an rowspan
tréith chun líon na sraitheanna a rithfidh cill sonraí nó cill ceanntásc sa tábla a chinneadh.
<table>
<tr>
<th rowspan="2">No.</th>
<td>1</td>
<td>John</td>
</tr>
<tr>
<td>2</td>
<td>Jane</td>
</tr>
</table>
Cealla a Chumasc( colspan
agus rowspan
)
Is féidir leat an dá colspan
agus rowspan
na tréithe a chur le chéile chun cealla a chumasc i dtábla.
<table>
<tr>
<th rowspan="2">No.</th>
<th colspan="2">Personal Information</th>
</tr>
<tr>
<td>John</td>
<td>25</td>
</tr>
</table>
border
maoin
- border
Sonraíonn an mhaoin tiús na teorann tábla.
border
- Is slánuimhir neamhdhiúltach é luach .
<table border="1">
<!-- Table rows and columns -->
</table>
cellpadding
maoin
-, cellpadding
Sonraíonn an mhaoin an fad idir ábhar na cille agus teorainn na cille sa tábla.
cellpadding
- Is slánuimhir neamhdhiúltach é luach
<table cellpadding="5">
<!-- Table rows and columns -->
</table>
cellspacing
maoin
- cellspacing
Sonraíonn an t-airí an spásáil idir cealla sa tábla.
cellspacing
- Is slánuimhir neamhdhiúltach é luach .
<table cellspacing="10">
<!-- Table rows and columns -->
</table>
Ligeann na tréithe agus na heilimintí seo duit táblaí a chruthú agus a shaincheapadh in HTML de réir do riachtanas. Is féidir leat iad a úsáid chun sonraí a thaispeáint ar bhealach soiléir agus eagraithe ar do shuíomh Gréasáin.