2 min de lectura

Las tablas en HTML utilizan varias etiquetas las cuales se describen a continuación

<table>
Crea una nueva tabla. Se utiliza el atributo border para indicar el ancho de los bordes.
<caption>
Asigna un título a la tabla
<thead>
Genera una espacio para indicar el encabezado de la tabla. Aquí dentro se deberán crear las filas y celdas requeridas
<tbody>
Genera una espacio para indicar el cuerpo de la tabla. Aquí dentro se deberán crear las filas y celdas requeridas. Pueden existir varios body para poder separar por bloques la tabla.
<tfoot>
Genera una espacio para indicar el pie de la tabla. Actua de la misma manera que el thead
<tr>
Crea una fila
<th>
Crea una celda de encabezamiento
<td>
Crea una celda

Grupos de columnas

Para motivos de formato, se pueden formar grupos de columnas, la etiqueta es <colgroup> y dentro de esta se utiliza la etiqueta <col> por cada columna. Si se desean juntar varias columnas con una misma caracteristica se utiliza el atributo span.

Fusionar celdas

Podemos fusionar celdas tanto de forma horizontal, como de forma vertical con los atributos colspan y rowspan

Compartir
Líder técnico en equipos de desarrollo de software. Profesor de Desarrollo Web en la Universidad de Guadalajara. Emprendedora. Fundadora y CTO de CORB.mx. Ponente y tallerista. Colaboradora en proyectos de software libre y Open Source. Comprometida con la comunidad y la industria de la tecnología. Enfocada en el empoderamiento de las mujeres.

Deja tus comentarios

This site uses Akismet to reduce spam. Learn how your comment data is processed.