Tablas en HTML

Las tablas son estructuras rectangulares compuestas por celdas, las cuales están ubicadas en la intersección de filas y columnas. Cada una de estas celdas puede contener cualquier tipo de dato: textos, números, imágenes, hyperlinks, etc.

Nombre Evaluación 1 Evaluación 2
Andy 70 85
Becky 90 86
Christine 65 83

 

Para crear una tabla se utilizan las etiquetas <tabla>—-</tabla>. Dentro de estas etiquetas van contenidas las otras etiquetas utilizadas en la generación de la tabla y el contenido de cada celda.

Las tablas se crean utilizando filas, las cuales se generan de arriba hacia abajo con las etiquetas <tr>—</tr>.

Dentro del contenedor de cada fila se generan las celdas para datos de izquierda a derecha utilizando las etiquetas <td>contenido</td>. Cada celda genera una columna de la tabla y es donde se coloca el contenido que se desea mostrar.

Existe otra etiqueta, la cual es opcional, que se utiliza para crear una fila de encabezados <th>—–</th>. Centra el contenido de las celdas y en formato resaltado (bold). Esta etiqueta se utiliza en lugar de <td>—- </td>.

tablasnew1
Estructura de una tabla con las etiquetas <table>, <tr> y <td>.

A continuación, se muestra un ejemplo de tabla, donde se ha utilizado la etiqueta <th> en lugar de <td> en la primera fila de la tabla.

tablasnew2
Documento HTML con tabla de 3 filas y dos columnas

 

Esto produce la siguiente salida

tablasnew3
Salida con tabla de 3 filas y dos columnas. Primera fila resaltado y centrado con etiqueta <th> en lugar de <td>.

 

 

 

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s