icono-texto

Escrito en Herramientas Informaticas 2.

Código para insertar una tabla en HTML – Herramientas informáticas 2

Las tablas son sin duda uno de los elementos más potentes del HTML, ya que 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.

Las tablas han sido utilizadas para organizar el contenido de las páginas, y aunque las nuevas tendencias aconsejen hacer esto con bloques (capas XHTML), no es un elemento que vaya a desaparecer, y es mucho más sencillo de utilizar.

El elemento básico de definición de tabla es:

 <TABLE>

</TABLE>

En su interior se disponen los sub elementos

 <TR>

</TR>  

-Para definir una fila (Row)

<TH>

 </TH>

 -Para definir una cabecera (Header)

<TD>

</TD>

-Para definir una celda de datos (Data)

Observemos el siguiente ejemplo:

codigo para insertar una tabla en html manual

Con este código tendremos lo siguiente:

manual de html codigo para insertar una tabla

Para poder mostrar una tabla sin bordes, solo es necesario omitir el código BORDER de <TABLE BORDER>

codigos de html manual insertar una tabla

Y nuestra tabla se mostrara así:

manual de html codigos para html insertar una tabla
icono-comentario

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *