Tabla con un encabezado en su parte superior.
Ejemplo:
Concerts:
Primer Nombre
Segundo Nombre
Apellidos
Luis
Felipe
Londoño
Valentina
Paula
Tabares
Jhon
Hesneyder
Londoño
Fragmento de Código:
<table>
<tr>
<th> Primer Nombre</th>
<th> Segundo Nombre</th>
<th> Apellidos</th>
</tr>
<tr>
<td> Luis</td>
<td> Felipe</td>
<td> Londoño</td>
</tr>
[…]
</table>
Tablas con el encabezado en la primera columna.
Ejemplo:
Concerts:
Primer Nombre
Luis
Valentina
Jhon
Segundo Nombre
Felipe
Paula
Hesneyder
Apellidos
Londoño
Tabares
Londoño
Fragmento de Código:
<table>
<tr>
<th> Primer Nombre</th>
<td> Luis</td>
<td> Valentina</td>
<td> Jhon</td>
</tr>
<tr>
<th> Segundo Nombre</th>
<td> Felipe</td>
<td> Paula</td>
<td> Hesneyder</td>
</tr>
<tr>
<th> Apellidos</th>
<td> Londoño</td>
<td> Tabares</td>
<td> Londoño</td>
</tr>
</table>
Tablas con datos ambiguos.
Ejemplo:
Integrantes GAIA:
Apellidos
Nombres
Cargo
Duque
Nestor
Tabares
Rodriguez
Paula
Valentina
Profesor
Aspirante a doctora
Profesora
Fragmento de Código:
<table>
<caption> Integrantes GAIA</caption>
<tr>
<th scope= "col" > Apellidos</th>
<th scope= "col" > Nombres</th>
<th scope= "col" > Cargo</th>
</tr>
<tr>
<td> Duque</td>
<td> Nestor</td>
<td> Profesor</td>
</tr>
<tr>
<td> Rodriguez</td>
<td> Paula</td>
<td> Valentina</td>
</tr>
<tr>
<td> Profesor</td>
<td> Aspirante a doctora</td>
<td> Profesora</td>
</tr>
</table>
Tablas con dos encabezados
Ejemplo:
Horarios:
Lunes
Martes
Miercoles
Jueves
Viernes
09:00 - 11:00
Clase
Libre
Libre
Clase
Clase
11:00 - 13:00
Libre
Libre
Clase
Clase
Clase
13:00 - 15:00
Libre
Libre
Libre
Clase
Clase
15:00 - 17:00
Clase
Clase
Clase
Libre
Libre
Code snippet:
<table>
<caption> Horarios:</caption>
<tr>
<td></td>
<th scope= "col" > Lunes</th>
<th scope= "col" > Martes</th>
<th scope= "col" > Miercoles</th>
<th scope= "col" > Jueves</th>
<th scope= "col" > Viernes</th>
</tr>
<tr>
<th scope= "row" > 09:00 - 11:00</th>
<td> Clases</td>
<td> Libre</td>
<td> Libre</td>
<td> Clases</td>
<td> Clases</td>
</tr>
<tr>
<th scope= "row" > 11:00 - 13:00</th>
<td> Libre</td>
<td> Libre</td>
<td> Clases</td>
<td> Clases</td>
<td> Clases</td>
</tr>
[…]
</table>