domingo, 5 de junio de 2011

73 - HTML - Tablas con títulos - <th></th>

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:

clip_image001

En el ejemplo hemos agregado el atributo "border" para que se muestren los bordes de las celdas.

No hay comentarios:

Publicar un comentario