La etiqueta «table»

La etiqueta «table» te permite crear tablas como las que puedes hacer en una hoja de cálculo de Excel o una de Word.

Esta etiqueta solo debe usarse para crear tablas, esto es muy importante, ya que en muchas ocasiones me he encontrado con sitios web, los cuales usaban las tablas como herramienta de maquetación (crear estructura) para dividir en dos secciones o más en vez de usar la etiqueta «Div«, que es  la que debería usarse para crear la estructura de la página.

Ejemplo de una tabla:

<html>

<head>

</head>
<body>

<div class=»d1″ >

<table align=»left» frame=»border» rules=»all»>

<tr>

<th >Etiqueta</th>
<th >Descripción</th>

</tr>
<tr>

<td>TR</td>
<td>Crea una fila de la tabla</td>

</tr>
<tr>

<td>TH </td>
<td>Crea una columna pero para el header(cabezera)</td>

</tr>
<tr>

<td>TD</td>
<td>Crea una columna</td>

</tr>

</table>

</div>

</body>

</html>

El resultado del código sería el siguiente, donde también explico que significa cada etiqueta insertada en la tabla.

Etiqueta Descripción
TR Crea una fila de la tabla
TH Crea una columna pero para el header(cabezera)
TD Crea una columna

 

Ahora ya sabéis para qué sirve y como utilizar la etiqueta «table». Ahora toca practicar!

 

Deja un comentario