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!

 

Sergi Torres Martí

Sergi Torres Martí

Soy un joven emprendedor y he decidido crear este blog para darme a conocer.Mi interes es dotar de contenidos que pueda compartir y que sean de utilidad para la comunidad de programadores y aficionados a la tecnología

Deja un comentario

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, ACEPTAR

Aviso de cookies