Mediante el lenguaje CSS podemos definir el alto y ancho de una tabla en HTML de una forma muy sencilla. Lo primero que tenemos que saber es como crear una tabla en HTML.
La tabla que podemos manejar es una parecida a la siguiente:
País
Capital
Superficie
Habitantes
España
Madrid
504.645 km2
46,6 M
Ahora creamos en la parte superior de nuestra página web un código CSS. Para ello deberemos de utilizar el elemento style.
Para indicar las propiedades de la tabla utilizamos table como selector:
table {
...
}
Ahora para definir el alto y ancho de una tabla en HTML vamos a utilizar las propiedades width y height. Podemos definir el alto y el ancho mediante unidades fijas o mediante porcentajes. Por ejemplo podríamos definir lo siguiente:
table {
width: 50%;
height: 300px;
}
En este caso hemos indicado que el ancho de la tabla es el 50% del ancho de la página y que el alto es de 300px.
Otras unidades, además del porcentaje y los pixels (px), que podemos utilizar para definir el alto y el ancho de una tabla en HTML son las relativas al tamaño de la fuente (em).
Usamos cookies para asegurar que te damos la mejor experiencia en nuestra web. Si continúas usando este sitio, asumiremos que estás de acuerdo con ello.Aceptar
Dr Luis
deprecated in html5
Carlos Espinoza
No funciona