Odeljci HTML tabele

Tabela može imati više odeljaka. Oni označavaju zaglavlje, podnožje i glavni deo tabele.

Glavni deo

Odeljci tabele nisu obavezni da se definišu, pošto tabela može imati direktno unete redove, ali čak i tada će web čitač podrazumevati da svi redovi tabele spadaju unutar glavnog dela.

Sa druge strane, ako definišete odeljke, onda je dobra praksa da redove ubacite unutar njih, a ne direktno u tabelu.

Glavni deo se odnosi na redove koji sadrže podatke i definiše se oznakom <tbody>. U tabeli može biti više tbody odeljaka.

<table> <tbody> [redovi tabele] </tbody> </table>

Zaglavlje i podnožje

Zaglavlje tabele se definiše oznakom <thead>, a podnožje oznakom <tfoot>. U tabeli možete imati samo po jedan odeljak zaglavlja i podnožja. Ni jedan od njih nije obavezan da se navede. Ako ih zadajete, pravilan redosled je da prvo ide zaglavlje, onda podnožje i na kraju glavni odeljak ili odeljci.

<table> <thead> ... </thead> <tfoot> ... </tfoot> <tbody> ... </tbody> </table>

Ipak, HTML5 će nam dozvoliti da tfoot odeljak smestimo i na kraj tabele. Ovo može da bude značajno ako se tabela kreira programski, a vrednosti ćelija u podnožju mogu da se dobiju tek kada se formira cela tabela.

Odeljci tabele

U sledećem primeru možete videti tabelu sa odeljcima.


	<table>
	
		<thead>
			<tr>
				<th>Z</th>
				<th>K1</th>
				<th>K2</th>
			</tr> 
		</thead>
		
		<tfoot>
			<tr>
				<td>F</td>
				<td>S1</td>
				<td>S2</td>
			</tr> 
		</tfoot>
	
		<tbody>
			<tr>
				<th>R1</th>
				<td>A1</td>
				<td>A2</td>
			</tr> 
			<tr>
				<th>R2</th>
				<td>B1</td>
				<td>B2</td>
			</tr> 
		</tbody>
		
	</table>
	

Na stranici to izgleda ovako:

p1
Svi elementi sajta Web'n'Study, osim onih za koje je navedeno da su u javnom vlasništvu, vlasništvo su autora i ne smeju se koristiti, u celosti ili delimično bez pismenog odobrenja autora. To uključuje tekstove, slike, ilustracije, animacije, prateći grafički materijal i programski kod.
Ovaj sajt koristi tehnologiju kolačića (cookies). Detaljnije o tome možete pročitati u tekstu o našoj politici privatnosti.