2 of 7

TABLAS EN HTML

Las tablas son utilizadas para mostrar información de forma ordenada con columnas y filas.

<table> Define a la tabla, debe ir al comienzo y luego cerrar con </table> al final de la tabla.
<caption> Permite colocar un texto arriba de la tabla, se utiliza para colocarle un nombre o descripción a la misma. Es opcional.
<tr> Significa Table Row o fila de la tabla. Utilizado para definir una nueva fila.
<th> Table Header, se utiliza para definir encabezados por ejemplo “Nombre”
<td> Table Data, se utiliza para definir datos o celdas de la tabla por ejemplo “Miguel”
Podemos definir cada grupos de filas con <thead> (filas de encabezado), <tbody> (filas del cuerpo de la tabla) y <tfoot> (filas del pie de la tabla) esto puede servir para aplicar estilos CSS. Si no lo definimos todas son “tbody” por defecto.
También podemos definir grupos de columnas con <colgroup> y <col> esto puede servir para aplicar estilos CSS

Ejemplo completo en codepen:

3 of 7

ESTRUCTURA DE UNA PÁGINA WEB

En HTML5 disponemos de tags semánticos para indicar la utilidad de cada bloque de código

ESTRUCTURA DE UNA PÁGINA WEB

<mark>

<main>

<div>

<span>

EJEMPLO COMPLETO

En este codepen tienen un ejemplo completo de los tags para la estructura de la Web y la misma página explica el tema más en detalle: