Lentelės HTML

Standartinės lentelės - puikus būdas grupuoti ir pateikti informaciją. Šiame straipsnyje trumpai pristatome, kaip tai padaryti HTML.

Lentelės HTML 

Lentelės kuriamos naudojant <table> žymą. Jos dalinamos į stulpelius (<tr> žyma) ir eilutes (duomenų langelius) (<td> žyma). Raidės TD žymi table data - informacija lentelėje, t. y., duomenų langelio turinį, kurį gali sudaryti tekstas, paveikslėliai, formos, kitos lentelės ir t. t.

<table border="1">
<tr>
<td>Pirmas stulpelis, pirmas langelis</td>
<td>Pirmas stulpelis, antras langelis</td>
</tr>
<tr>
<td>Antras stulpelis, pirmas langelis</td>
<td>Antras stulpelis, antras langelis</td>
</tr>
</table> 

Tokia lentelė atrodo taip:

Pirmas stulpelis, pirmas langelis Pirmas stulpelis, antras langelis 
Antras stulpelis, pirmas langelis Antras stulpelis, antras langelis 

Lentelės "Border" (kraštinių) atributas

Jei nenurodomas šis atributas, lentelė neturės kraštinių. Kartais tai gali būti naudinga, tačiau daugeliu atvejų kraštinės yra reikalingos. Norėdami, kad kraštinės būtų rodomos, panaudokite "border" atributą:

<table border="1">
<tr>
<td>Pirmas stulpelis, pirmas langelis</td>
<td>Pirmas stulpelis, antras langelis</td>
</tr>
</table>

Lentelių antraštės

Lentelės antraštė sukuriama naudojant <th> elementą. 

<table border="1">
<tr>
<th>Lentelės antraštė</th>
<th>Dar viena antraštė</th>
</tr>
<tr>
<td>Langelis</td>
<td>Langelis</td>
</tr>
<tr>
<td>Langelis</td>
<td>Langelis</td>
</tr>
</table> 

Lentelė atrodys taip:

Lentelės antraštė Dar viena antraštė 
Langelis Langelis 
Langelis Langelis 
 

Rašykite mums: ipamokos[eta]ipamokos.lt