Nos permiten organizar y distribuir los espacios de forma óptima,como por ejemplo: no permite poner el texto en columnas como en los periódicos o un pie de foto a una imagen de forma sencilla, prefijar los tamaños ocupados por distintas secciones de la página .Si queremos mostrar páginas webs atractivas y fáciles de leer tendremos la necesidad de utilizar las tablas.
Descripcion de las Tablas
Podemos describir las tablas 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.
Algunos atributos propios de las tablas son:
+Alto y ancho (height y width): Se miden en pixels o en porcentaje del elemento contenedor (width= "100%" indica que ocupa el ancho del elemento en el que está colocada.)
+Border: 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
En NVU consiste en insertar el correspondiente elemento HTML, para lo cual tienes tres posibilidades:
1.-Usar el botón tabla de la barra de botones
2.-Usar el menú Insertar y opción tabla
3.-Usar el menú Tabla con la opción insertar
Definir una Tabla
Cuando insertamos una tabla nos aparece un cuadro de dialogo con 3 pestañas:
+Rápido, (opción por defecto)Nos permite dimensionar la tabla de manera gráfica. Para ello desplazamos el cursor con el ratón por la cuadrícula.
+Preciso en esta pestaña podremos escribir directamente el número de filas y columnas de que constará nuestra tabla.
-Filas: escribimos el número de filas que tendrá nuestra tabla.
-Columnas: lo mismo, pero para el valor de las columnas.
-Anchura: ancho de la tabla. Puede ir en píxeles, o en el porcentaje del espacio que ocupará la tabla dentro del elemento donde se encuentre insertada.
-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:
-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.
-Alineación Vertical, que puede ser, sin alinear, arriba, al centro, o abajo, según el valor que elijamos del menú desplegable
-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 .
-En el apartado Espacio entre las celdas introduciremos el valor en píxeles que queremos haya entre las celdas.
-En el apartado Relleno de las celdas, el valor en píxeles que habrá entre los bordes de la celda y su contenido.
No hay comentarios:
Publicar un comentario