27.- Taula amb capçalera (<th>)
Taula amb capçalera (<th>):
La primera característica que li anem a afegir a una taula són les cel·les de capçalera. Normalment la primera fila d'una taula pot representar els títols per a cada columna.
Per indicar que es tracta d'una cel·la d'encapçalament utilitzem l'element <th> en lloc de <td>
El navegador representa diferent les cel·les de dades i les cel·les d'encapçalament.
Confeccionem el mateix problema del concepte anterior però afegint un títol a cada columna de la taula mitjançant cel·les d'encapçalament:
<html>
<head>
</ Head>
<body>
<table border="1">
<tr>
<th> Països </ th> <th> Número d'habitants </ th>
</ tr>
<tr>
<td> Xina </ td> <td> 1300 milions </ td>
</ tr>
<tr>
<td> Índia </ td> <td> 1080 millones </ td>
</ tr>
<tr>
<td> Estats Units </ td> <td> 295 milions </ td>
</ tr>
</ table>
</ body>
</ html>
Si observem el codi de la pàgina per indicar que es tracta d'una cel·la de tipus encapçalat utilitzem l'element th:
<tr>
<th> Països </ th> <th> Número d'habitants </ th>
</ Tr>
L'element th ha d'estar contingut entre les marques <tr> i </ tr>, és a dir pertanyen a una fila.
Per recordar el nom d'aquest nou element HTML:
<th> ve de table header cel·la que significa cel·la de capçalera de taula.
Exercici:
Confeccionar una taula que mostri a la primera columna els noms de diferents empleats d'una companyia i en la segona el sou brut (la companyia té 4 empleats) Mostra els textos 'Nom de l'Empleat' i 'Sou Brut' com a primer fila de la taula .