Introducción:
Las tablas no solo son útiles para mostrar listas de datos, son también un elemento primordial para maquetar las páginas web, o sea, para colocar con cierta libertad los elementos que forman la página web. Las tablas nos permiten organizar y distribuir los espacios de una manera óptima.
Por ejemplo no permite poner el texto en columnas como en los periódicos, prefijar los tamaños ocupados por distintas secciones de la página o poner de una manera sencilla un pie de foto a una imagen. En el momento en que queremos mostrar páginas webs atractivas y fáciles de leer nos veremos en la necesidad de utilizar las tablas.
Descripción de las tablas
Podemos definir a una tabla como un conjunto de espacios organizados en filas y columnas. La intersección de las filas se llaman celdas. Una cuadrícula es una tabla, en cuyas celdas podemos poner cualquier elemento HTML, desde texto hasta imágenes y otros elementos multimedia. Algunos atributos propios de las tablas son:
• Alto y ancho (height y width) : Pueden medirse en pixels o en porcentaje del elemento contenedor (width= "100%" indica que ocupa el ancho del elemento en el que está colocada).
• Border (borde) : Anchura del borde que rodea a la tabla. Si es 0 el borde no se ve.
• Cellpadding (relleno) : Margen del contenido de cada celda. Se mide en pixels.
• Cellspacing (espaciado) : Espacio entre las celdas. Se mide en pixels.
Crear Tablas:
Para insertar una tabla mediante KompoZer, tenemos tres posibilidades:
•Usar el botón tabla de la barra de botones:
•Usar el menú Insertar y opción Tabla:
•Usar el menú Tabla con la opción insertar.
Definir la tabla:
Al insertar la tabla nos aparece un cuadro de diálogo que nos permite definir las características de la tabla. En él encontramos tres pestañas: La primera de ellas es Rápido, es la opción por defecto y nos permite dimensionar la tabla de manera gráfica.
Para ello desplazamos el cursor con el ratón por la cuadrícula. Una vez tengamos la distribución que nos interesa, hacemos clic y tendremos la tabla insertada en la página.
• Preciso: En esta pestaña podremos escribir directamente el número de filas y columnas de que constará nuestra tabla.
1) Filas: escribimos el número de filas que tendrá nuestra tabla.
2) Columnas: lo mismo, pero para el valor de las columnas.
3) Anchura: ancho de la tabla. Podremos colocarlo en píxeles, o en el porcentaje del espacio que ocupará la tabla dentro del elemento donde se encuentre insertada.
4) Borde: Grosor en píxeles que tendrá la línea que forma el borde de la tabla, si queremos que sea "invisible", daremos al borde el valor cero.
• Celda: En ella podemos añadir más detalles a los elementos que vayan en el interior de las celdas de nuestra tabla:
1) Alineación Horizontal: Indicaremos si irán sin alineación, alineados a la izquierda, al centro, o a la derecha, según elijamos del menú desplegable.
2) Alineación Vertical: Que puede ser, sin alinear, arriba, al centro, o abajo, según el valor que elijamos del menú desplegable.
3) Marcando el apartado Ajustar, permitiremos que el texto introducido en la celda ocupe varias líneas, si deseamos que todo el texto se muestre en una sola línea, marcaremos No ajustar.
4) En el apartado Espacio entre las celdas introduciremos el valor en píxeles que queremos que haya entre las celdas.
5) En el apartado Relleno de las celdas, el valor en píxeles que habrá entre los bordes de la celda y su contenido.
Las tablas no solo son útiles para mostrar listas de datos, son también un elemento primordial para maquetar las páginas web, o sea, para colocar con cierta libertad los elementos que forman la página web. Las tablas nos permiten organizar y distribuir los espacios de una manera óptima.
Por ejemplo no permite poner el texto en columnas como en los periódicos, prefijar los tamaños ocupados por distintas secciones de la página o poner de una manera sencilla un pie de foto a una imagen. En el momento en que queremos mostrar páginas webs atractivas y fáciles de leer nos veremos en la necesidad de utilizar las tablas.
Descripción de las tablas
Podemos definir a una tabla como un conjunto de espacios organizados en filas y columnas. La intersección de las filas se llaman celdas. Una cuadrícula es una tabla, en cuyas celdas podemos poner cualquier elemento HTML, desde texto hasta imágenes y otros elementos multimedia. Algunos atributos propios de las tablas son:
• Alto y ancho (height y width) : Pueden medirse en pixels o en porcentaje del elemento contenedor (width= "100%" indica que ocupa el ancho del elemento en el que está colocada).
• Border (borde) : Anchura del borde que rodea a la tabla. Si es 0 el borde no se ve.
• Cellpadding (relleno) : Margen del contenido de cada celda. Se mide en pixels.
• Cellspacing (espaciado) : Espacio entre las celdas. Se mide en pixels.
Crear Tablas:
Para insertar una tabla mediante KompoZer, tenemos tres posibilidades:
•Usar el botón tabla de la barra de botones:
•Usar el menú Insertar y opción Tabla:•Usar el menú Tabla con la opción insertar.
Definir la tabla:
Al insertar la tabla nos aparece un cuadro de diálogo que nos permite definir las características de la tabla. En él encontramos tres pestañas: La primera de ellas es Rápido, es la opción por defecto y nos permite dimensionar la tabla de manera gráfica.
Para ello desplazamos el cursor con el ratón por la cuadrícula. Una vez tengamos la distribución que nos interesa, hacemos clic y tendremos la tabla insertada en la página.
• Preciso: En esta pestaña podremos escribir directamente el número de filas y columnas de que constará nuestra tabla.1) Filas: escribimos el número de filas que tendrá nuestra tabla.
2) Columnas: lo mismo, pero para el valor de las columnas.
3) Anchura: ancho de la tabla. Podremos colocarlo en píxeles, o en el porcentaje del espacio que ocupará la tabla dentro del elemento donde se encuentre insertada.
4) Borde: Grosor en píxeles que tendrá la línea que forma el borde de la tabla, si queremos que sea "invisible", daremos al borde el valor cero.
• Celda: En ella podemos añadir más detalles a los elementos que vayan en el interior de las celdas de nuestra tabla:
1) Alineación Horizontal: Indicaremos si irán sin alineación, alineados a la izquierda, al centro, o a la derecha, según elijamos del menú desplegable.
2) Alineación Vertical: Que puede ser, sin alinear, arriba, al centro, o abajo, según el valor que elijamos del menú desplegable.
3) Marcando el apartado Ajustar, permitiremos que el texto introducido en la celda ocupe varias líneas, si deseamos que todo el texto se muestre en una sola línea, marcaremos No ajustar.
4) En el apartado Espacio entre las celdas introduciremos el valor en píxeles que queremos que haya entre las celdas.
5) En el apartado Relleno de las celdas, el valor en píxeles que habrá entre los bordes de la celda y su contenido.
1 comentarios:
Hola,
Estoy usando Kompozer 0.8b3.
Quiero hacer una tabla sin que se vean los bordes. Puse valor "0" en "Border" tal como comentas,...pero se sigue viendo. Una línea muy fina oscura sobre el fondo claro de la hoja cuando la hago transparente y clara cuando pongo un background negro a la tabla.
¿tienes alguna idea de qué estoy haciendo mal?