Cómo mantener una tabla HTML de Cambio Anchura y Altura

Cómo mantener una tabla HTML de Cambio Anchura y Altura


La mayoría de las tablas HTML están configurados para cambiar sus dimensiones con el fin de ajustar el tamaño de una ventana del navegador. Pero si usted es muy particular sobre el tamaño de las filas y las células, se necesita definir la anchura y la altura de su mesa en términos de píxeles. Configuración de las dimensiones en píxeles fijos para su mesa se asegurará de que nada sangra encima en el resto de su diseño.

Instrucciones

1

Comience su mesa con el siguiente código:

<Table width = "400" height = "100">

Puede sustituir cualquier valor para los números 400 y 100.

2

Crear una fila añadiendo la etiqueta <tr>. Su código debe tener este aspecto:

<Table width = "400" height = "100">

<Tr>

3

Crear células mediante la adición de los <td> etiquetas. Por ejemplo, si usted fuera a agregar dos celdas que ocupan el 40 y el 60 por ciento de la tabla, respectivamente, el código sería el siguiente:

<Table width = "400" height = "100">

<Tr>

<Td width = "40%" height = "100%"> Ejemplo 1 </ td>

<Td width = "60%" height = "100%"> Ejemplo 2 </ td>

El texto "Ejemplo" es donde el contenido de la tabla se deben introducir. Como ya ha definido las dimensiones establecidas, los porcentajes que aquí no va a crecer o encoger más allá de esos límites.

4

Cierre de todas sus etiquetas. Este es el código completo:

<Table width = "400" height = "100">

<Tr>

<Td width = "40%" height = "100%"> Ejemplo 1 </ td>

<Td width = "60%" height = "100%"> Ejemplo 2 </ td>

</ Tr>

</ Table>