Táblaí i HTML: Treoir maidir le Táblaí a Chruthú agus a Fhormáidiú i HTML

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><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.