Atributos de las Tablas

Fijar el tamaño de las columnas

El mismo atributo utilizado para definir el tamaño de la tabla se utiliza para definir o fijar el tamaño de las columnas.

Definimos el tamaño de la columna con WIDTH

Por ejemplo, queremos que en una tabla de dos columnas, la primera columna ocupe el 20 por ciento de la tabla y la segunda el 80 por ciento.

Pondremos Width=20% en las celdas de la primera columna y Width=80% en las celdas de la segunda columna.

 

El margen de las celdas

Podemos asignar márgenes a las celdas, de forma que lo que pongamos dentro no quede pegado a los bordes de la celda.

Para el margen de las celdas utilizamos el atributo cellpadding="aqui ponemos el número"

 

EJEMPLO

Realizaremos una tabla de 2 por 3

A) Una tabla con dos filas y tres columnas, con borde de la tabla 1 y el ancho de la tabla un 75% del ancho de la página.

B) Las celdas con un margen de 15 píxeles y el tamaño de las celdas un 10% del tamaño de la tabla la primera columna, un 20% del tamaño de la tabla la segunda columna y un 70% del tamaño de la tabla la tercera columna.

C) Pondremos dentro de las celdas las letras a,b,c,d,e,f

Quedaría

<table border="1" cellpadding="15" cellspacing="0" width="75%">

<tr>

<td width="10%">a</td>

<td width="20%">b</td>

<td width="70%">c</td>

</tr>

<tr>

<td width="10%">d</td>

<td width="20%">e</td>

<td width="70%">f</td>

</tr>

</table>

 

Y el resultado

html

¿Te gustó? Pues comparte ;-)
Este sitio usa cookies para personalizar el contenido y los anuncios, ofrecer funciones de redes sociales y analizar el tráfico. Ninguna cookie será instalada a menos que se desplace exprésamente más de 600px. Leer nuestra Política de Privacidad y Política de Cookies. Las acepto | No quiero aprender cursos gratis. Sácame