Alto y ancho de una tabla en HTML

24/Jun/2015 CSS , 2 Comentarios
Programación CSS

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.

Al crear una tabla en HTML vemos que el elemento principal HTML es el elemento table. Así que a la hora de definir el alto y ancho de una tabla en HTML lo que tenemos que hacer es modificar las propiedades de este elemento table.

La tabla que podemos manejar es una parecida a la siguiente:

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).

Vídeos sobre CSS


2 comentarios en “Alto y ancho de una tabla en HTML”

Víctor Cuervo

Dr Luis

deprecated in html5

Víctor Cuervo

Carlos Espinoza

No funciona

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

País Capital Superficie Habitantes
España Madrid 504.645 km2 46,6 M