Scribd
Cargar
44 vistas12 páginas

Tablas en HTML

El documento describe las etiquetas básicas para crear tablas en HTML como <table>, <tr>, <td> y <th>. También explica cómo combinar celdas y agregar estilos con CSS. Además, detalla las etiquetas para organizar y agrupar columnas en tablas.

Cargado por

David Ismael López Pérez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPTX, PDF, TXT o lee en línea desde Scribd
44 vistas12 páginas

Tablas en HTML

El documento describe las etiquetas básicas para crear tablas en HTML como <table>, <tr>, <td> y <th>. También explica cómo combinar celdas y agregar estilos con CSS. Además, detalla las etiquetas para organizar y agrupar columnas en tablas.

Cargado por

David Ismael López Pérez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPTX, PDF, TXT o lee en línea desde Scribd

TABLAS

Lic. David I. López Pérez


TABLAS EN HTML

Etiqueta Descripción
Etiqueta contenedora que tendrá en su
<table>
interior toda la tabla.
Las etiquetas básicas para Table Row. Etiqueta contenedora de cada
<tr>
crear una tabla de la forma fila de la tabla.

más sencilla posible es: <td>


Table Data. Cada una de las celdas de la
tabla.
Table Header. Cada una de las celdas de
<th>
cabecera de la tabla.

2
Ejemplo de tabla básica HTML
Combinar celdas de una tabla
Atributo Valor Descripción
colspan número Número de columnas que la celda abarcará.
rowspan número Número de filas que la celda abarcará.

headers ids Id de los elementos <th> con los que tiene relación la celda.

scope (solo <th>) row La cabecera se aplica a alguna de las filas adyacentes.

col La cabecera se aplica a alguna de las columnas adyacentes.

rowgroup La cabecera se aplica a todas las celdas restantes de la fila.

colgroup La cabecera se aplica a todas las celdas restantes de la columna.

auto La cabecera se aplica a las celdas de forma automática.


4
Ejemplo de combinar celdas
Ejemplo CSS para tablas
Celdas de encabezado
Etiquetas de organización de tablas

Etiqueta Descripción
Etiqueta contenedora de la cabecera de la tabla. Parte superior
<thead>
de la tabla.
Etiqueta contenedora del cuerpo de la tabla. Parte central de la
<tbody>
tabla.
Etiqueta contenedora del pie de la tabla. Parte inferior de la
<tfoot>
tabla.
Establece un título de la tabla, independientemente de su
<caption>
posición.
Ejemplo de organización de tablas
Agrupando columnas de una tabla

Etiqueta Descripción

Etiqueta contenedora de columnas. Crea una


<colgroup>
agrupación de columnas.

Etiqueta que representa a una columna de la


<col>
tabla.
Ejemplo Agrupando columnas
Practica. Realizar las siguientes tablas en
HTML

También podría gustarte