Ya hemos visto como crear tablas simples, pero entre otras cosas a las celdas de las tablas las podemos definir como cabeceras, igual que hacemos con determinados párrafos. Para esto solo debemos sustituir <td></td> de la definición de celda por <th></th>, iniciales de "table header".
Las celdas definidas como cabecera mostraran su contenido resaltado y centrado.
Debéis tener en cuenta que es muy importante ser organizado y escribir con indentación, para evitar confundirse y perder el control del contenido de las celdas, y además facilitara en el futuro el mantenimiento de la web.
Código html sin indentar, se hace muy difícil de seguir y entender.
Código de Ejemplo de una tabla con encabezados:
<html>
<head>
<title>Tabla - con encabezado</title>
</head>
<body>
<table border=1>
<tr>
<th>Nombre</th>
<th>Teléfono</th>
</tr>
<tr>
<td>Maria</td>
<td>588 588 588</td>
</tr>
<tr>
<td>Juan</td>
<td>888 555 444</td>
</tr>
<tr>
<td>Abundancia</td>
<td>99 99 99 99</td>
</tr>
</table>
</body>
</html>
Programa 55
Representación en el navegador:
En el ejemplo hemos agregado el atributo "border" para que se muestren los bordes de las celdas.
No hay comentarios:
Publicar un comentario