5.2 Utilizar marcadores para asociar las celdas de datos con las celdas de encabezado

Prioridad 1

Una vez creada la tabla, deberá seguir el siguiente procedimiento para la asociación de las celdas de datos y de encabezado:

1. Seleccione ("pinte") la tabla con el botón primario del ratón.
2. Haga clic en el botón Show Code and Design Views .
3. O haga clic en el menú View y seleccione Code and Design del mismo.
4. Habiendo seleccionado previamente la tabla, aparecerá de un color resaltado las líneas del código HTML donde se encuentra. Siguiendo con el ejemplo dado, tendrá una tabla como ésta:
5. Ahora deberá buscar las etiquetas <TD> y <TH> a los que deberá agregar los atributos id, headers y scope de la siguiente manera:

   <TABLE cellpadding="4" border="1">
     <TR> 
       <th>
         <span id="cont_">Continente</span>/
         <span id="pais_">Pa&iacute;s</span></th>
       <th scope="column">Población 
         (cantidad de habitantes)</th>
       <th scope="column">Porcentaje 
         (de la población mundial)</th>
     </TR>
     <TR>
       <th headers="cont_" scope="rowgroup">Asia</th>
       <TD></TD>
       <TD></TD>
     </TR>
     <TR> 
       <TD headers="pais_" scope="row">China</TD>
       <TD>1.256.167.701</TD>
       <TD>20,5%</TD>
     </TR>
       <TR> 
       <TD headers="pais_" scope="row">India</TD>
       <TD align="center">1.017.645.163 </TD>
         <TD align="center">16,6%</TD>
     </TR>
   
   (...sigue la tabla...)
   
   </TABLE>

Volver a ejemplos del punto 5.2