Tablas - Tutoriales Diseño Gráfico

Breaking

𝔸𝕡𝕣𝕖𝕟𝕕𝕖 𝕔𝕠𝕟 𝕋𝕦𝕥𝕠𝕣𝕚𝕒𝕝𝕖𝕤

Tablas

 Las tablas son sin duda uno de los elementos más potentes del HTML. Con pocos elementos se pueden conseguir efectos espectaculares. En el interior de las celdas de una tabla, que pueden ser con borde visible o invisible, se puede poner cualquier cosa: texto de cualquier tamaño y color, imágenes, links... Por supuesto, además de permitir cualquier contenido, tienen sus propios atributos de alineación tanto horizontal como vertical, y atributos de dimensionado. Por defecto se autodimensionan, es decir, se adaptan en tamaño a su contenido, pero también es posible definirlo de forma fija.

El elemento básico es <TABLE> y en su interior los elementos <TD> <TR> <TH> y <CAPTION>.

He aquí un resumen de los elementos utilizados y los atributos que admite cada uno:

Resumen de tablas
TABLETRTDTHCAPTION
BORDERX----
ROWSPAN--XX-
COLSPAN--XX-
ALIGN-XXXX
VALIGN--X--
WIDTHX-X--
HEIGTHX-X--
CELLPADDINGX----
CELLSPACINGX----

Las posibilidades son tan amplias, que lo mejor es ver la página de ejemplos de tablas que encontrarás en el índice.