Está en la página 1de 13

ETIQUETAS PARA

TABLAS
HTML
HTML EN

Presentado por:

Silvia Juliana Palma Sotelo


Cristhian Camilo Rodriguez Leal
LAS TABLAS EN
EN HTML
HTML
Las tablas de contenido nos permiten
almacenar los datos de.
forma ordenada.
TABLAS EN HTML
EJEMPLOS
ETIQUETAS
ETIQUETAS PARA
PARA LA
LA CREACIÓN
CREACIÓN DE
DE UNA
UNA
TABLA
TABLA
AL INICIAR <table>
AL
FINALIZAR </table>
PARA DEFINIR EL PRINCIPIO Y EL FINAL DE UNA
TABLA SE UTILIZAN LAS ETIQUETAS
MENCIONADAS ANTERIORMENTE
01
PARA
Filas y
columnas
ETIQUETAS DE
CREACION DE
FILAS <tr> </tr>
ETIQUETAS DE
CREACION DE
FILAS <td> </td>
La etiqueta <table> puede incluir diferentes
opciones, como puedes ver en la siguiente tabla.

ELEMENTO DESCRIPCIÓN
<table> Representa datos con más de una
dimensión.
<caption> Representa el título de una tabla.

Representa una fila de celdas en una


<tr>
tabla.

Representa una celda de datos en una


<td>
tabla.

Representa una celda encabezado en


<th>
una tabla.

Representa un conjunto de una o más


<colgroup>
columnas de una tabla.

<col> Representa una columna de una tabla.


EJEMPLO USO
ETIQUETAS
RESULTADO
ATRIBUTOS DE <TABLE>

BORDER
El atributo border indica si se dibujan bordes alrededor
de las celdas y un borde alrededor de la tabla.
ATRIBUTOS DE <td> y <th>
colspan y rowspa
n
Los atributos colspan y rowspan permiten unir una celda con las
celdas contiguas, tanto horizontal como verticalmente. 
ORGANIZACIÓN DE LAS TABLAS
Por defecto, al crear una tabla, el navegador se encarga de crearla a
medida que va leyendo las etiquetas, por lo que la tabla se crea en
el orden que se han especificado sus elementos, de arriba a abajo. 
GRACIAS

También podría gustarte