En este tema vamos a ver cómo trabajar con tablas. Podremos, entre otras cosas,
insertar tablas, combinar celdas, insertar filas o columnas y cambiar el tamaño del
borde.
Todos los objetos se alinean por defecto a la
izquierda de las páginas web, pero gracias a las
tablas es posible distribuir el texto en columnas,
colocar imágenes al lado de un bloque de texto, y
otra serie de cosas que sin las tablas serían
imposibles de realizar.
Hoy en día, la mayoría de las páginas web se
basan en tablas, ya que resultan de gran utilidad
al mejorar notablemente las opciones de diseño.
Las celdas son cada uno de los recuadros que
forman una tabla, que son el resultado de la
intersección entre una fila y una columna.
Para poder insertar algún elemento en una celda,
ya sea texto o imágenes, simplemente hay que situar el cursor previamente dentro de la
celda deseada.
Insertar una tabla
Para insertar una tabla hay que dirigirse al menú Insertar, a la opción Tabla.
En la nueva ventana habrá que especificar el número de Filas y Columnas que tendrá la
tabla, así como el Ancho. El Ancho puede ser definido como Píxeles o como
Porcentaje.
Borde indica el grosor del borde de la tabla,
Relleno de celda indica la distancia entre el
contenido de las celdas y los bordes de éstas,
y Espacio entre celdas indica la distancia
entre las celdas de la tabla.
1) Crear la tabla que tienes a continuación dentro de la página “index.html”:
Poner como colores de
arriba hacia abajo:
marrón, naranja, rojo,
y amarillo claro.
Guardar los cambios y
comprobar cómo ha
quedado.
imagen y texto
Texto dentro de una
celda
COLUMNA
FILA CELDA
Formato de tabla
Las propiedades de la tabla se especifican a través de su inspector de propiedades.
A través del inspector de propiedades se pueden modificar los valores que se
especificaron al insertar la tabla. Al mismo tiempo, pueden indicarse otros como pueden
ser el valor Alinear , el color de fondo o de borde de la tabla, o la imagen de fondo.
Si lo que se selecciona es una celda, o un conjunto de celdas, el inspector de
propiedades cambia, para permitir especificar otros valores.
La parte superior del inspector de propiedades en este caso sirve para especificar las
propiedades del texto que se insertará dentro de la celda (o celdas) seleccionada.
La parte inferior sirve para especificar valores propios de la celda, como puede ser el
color o imagen de fondo (diferentes de los especificados para la tabla global), el color
del borde de la celda, etc.
2) Crear una página web que tenga como título “Meses del año” y un encabezado en la
primera línea que ponga “Mes de Abril”. A continuación debes definir la tabla
necesaria para albergar este mes. Guardar la página con el nombre ‘abril.htm’ dentro
de nuestro sitio web DREAM. Además la página debe tener las siguientes
características:
- color de fondo verde
- color de fondo de la tabla de color naranja
- letras para cada fila en un color diferente.
No hay comentarios:
Publicar un comentario