5.1 Identificar los encabezados de fila y columna en las tablas de datos

Cuando se necesita mostrar información tabular, el código HTML dispone de la marca <table> con sus elementos y atributos relacionados (<tr>, <td>, <caption>, etcétera). Debe evitarse utilizar otros elementos, como <pre> u hojas de estilo para conseguir un formato de tabla debido a que se dificulta la comprensión por parte de los usuarios de ayudas técnicas como lectores y magnificadores de pantalla.

Este es el título de la siguiente tabla

	Encabezado de la columna 1	Encabezado de la columna 2
Encabezado de la fila 1	Columna 1 - Fila 1	Columna 2 - Fila 1
Encabezado de la fila 2	Columna 1 - Fila 2	Columna 2 - Fila 2

• El elemento <caption> identifica al título de la tabla
• Las celdas de color identifican una fila de la tabla (elemento <tr>)
• Los elementos <th> identifican los encabezados de fila y columna, distinguiéndose de las celdas de datos normales <td>

 <TABLE border=1>
   <CAPTION>Este es el título de la siguiente tabla</CAPTION>
   <TR>
   <TD></TD>
   <TH>Encabezado de la columna 1</TH>
   <TH>Encabezado de la columna 2</TH>
   </TR>
   <TR>
   <TH>Encabezado de la fila 1</TH>
   <TD>Columna 1 - Fila 1</TD>
   <TD>Columna 2 - Fila 1</TD>
   </TR>
   <TR>
   <TH>Encabezado de la fila 2</TH>
   <TD>Columna 1 - Fila 2</TD>
   <TD>Columna 2 - Fila 2</TD>
   </TR>
</TABLE>

Procedimiento con Dreamweaver.
Volver al punto de verificación 5.1