Control del ancho de la tabla

Cuando se crea una tabla sin parámetros, ésta se ajusta al ancho de los campos escritos en los encabezados. Si se desea crear una tabla más amplia, se debe usar el modificar Width con un valor de porcentaje. Por ejemplo, para crear una tabla a mitad de pantalla, se debe usar la siguiente instrucción:

<Table Border=1 Width=50%>

El resultado de esta línea de código se muestra en la siguiente gráfica.

Por lo tanto para crear una tabla que ocupe el ancho de la pantalla, se deberá ajustar el porcentaje al 100%.

El siguiente ejemplo, muestra la misma tabla anterior a toda la pantalla.

Para aplicar color de fondo a la tabla use el modificar bgcolor seguido de una constante de color. Por ejemplo, para aplicar color de fondo cyan a la tabla, use la siguiente instrucción:

<table Border=1 Width=100% bgcolor=cyan>

Con los conocimientos adquiridos hasta este momento, se deberá diseñar la siguiente tabla.

Para aplicar una imagen de fondo a una tabla, deberá usar la instrucción Img Background que usamos en el fondo de la página. La siguiente línea de código muestra la forma correcta de aplicar una imagen de fondo a una tabla.

<table border=1 width=100% img background="imagen.jpg">

La siguiente gráfica muestra una imagen de fondo aplicada a la tabla.

El procedimiento para lograr este efecto es insertar una imagen en una diapositiva de PowerPoint; posteriormente aclararla un poco con la herramienta brillo; después guardarla como imagen.

Cursos similares a Manual HTML

1. Manual de GMail Google, la mayoría de las personas conocen a esta empresa, pero no todas saben que,... [27/11/06]				21.606
2. HTML. Introducción práctica HTML, este lenguaje para la creación de páginas Web o sitios de Internet, es la... [23/07/09]				4.600
3. Cómo exportar una animación de Flash a HTML En este curso de vídeo se enseña la manera de transportar o exportar animaciones... [29/06/12]				20