3.201 cursos gratis
6.235.079 alumnos
Publica tu curso gratis
Busca cursos gratis:
Estás aquí: mailxmail > Cursos de Informática > Internet > Creación de Paginas Web con Html > Tablas

Creación de Paginas Web con Html

Autor: Jean Carlo Romero Raffo
Curso:  4,47/5 4,47/5 (15 opiniones) |20049 alumnos|Fecha publicación: 26/05/2005
Capítulos del curso

Capítulo 14:

 Tablas

Las tablas son posiblemente la manera más clara de organizar la información. También es el modo más adecuado de maquetar texto y gráficos de una manera algo más controlada que con los parámetros ALIGN.

Las tablas se definen de la siguiente manera. Primero, las características de la tabla, luego las de cada fila y dentro de ésta, cada celda. Así pues, una tabla con 2 filas y 3 columnas se declarará así:

Tablas

Como podéis ver (o mejor no ver) la tabla no tiene mucho aspecto de tabla. Quedaría mejor con unos bordes, ¿no? Puede que tampoco le viniese mal mayor espacio entre celdas o mayor anchura. Estas son las cosas que podremos cambiar con los atributos de TABLE:

Tablas

Si ahora, por ejemplo definimos ahora la tabla anterior como <TABLE BORDER=1 WIDTH="50%" ALIGN=CENTER> veremos lo siguiente:

Tablas

14.1. Definir las filas

Ahora que hemos definido la tabla nos toca hacer lo mismo con las filas. Cada fila se define con una etiqueta TR, que tiene los siguientes atributos:

Tablas

14.2. Definir las celdas

Por último, nos queda definir cada celda gracias a la etiquetas TD y TH. Estas etiquetas son equivalentes, pero la última se utiliza para encabezados, de modo que su interior se escribirá por defecto en negrita y centrado. Estos son los atributos de ambas:

Tablas

Posiblemente los dos últimos parámetros no puedan quedar claros sin ejemplos. De hecho, aún entendiendo perfectamente su función es habitual que confundamos a uno con otro. Pero bueno, vamos a ver una tabla de 3x3 con una celda que se une a una de la derecha y otra que se une a otra de debajo:

Tablas

Como podemos ver, cuando declaramos un celda con ROWSPAN o COLSPAN, no deberemos declarar las celdas "absorbidas" o la creación de la tabla se nos complicará de horrible manera.

14.3. Título de la tabla

Por último, vamos a ver como definir un título a la tabla. Esto se hace por medio de la etiqueta CAPTION. Para ver cómo funciona, vamos a incluirlo en la declaración de la tabla anterior:

Tablas

Esta etiqueta admite sólo un parámetro: ALIGN, que es por defecto TOP. Si lo definimos como BOTTOM el título se colocará al final de la tabla en lugar del comienzo.

Capítulo siguiente - Marcos
Capítulo anterior - Mapas
Recibe nuestras novedades
Al presionar "Recibir" estás dándote de alta y aceptas las condiciones legales de mailxmail

Hay 15 opiniones. Opina sobre este curso.

Descarga el PDF gratis

Cursos similares a Creación de Paginas Web con Html


Cursos Valoración Alumnos Vídeo
Introducción básica al protocolo HTTP
Es el conjunto de reglas que siguen dos computadores para intercambiar información a través de una red como Internet. Un protocolo es una regla establecida para determina... [03/06/08]
5/5 1.015  
Confecciona tu propio Wiki con wiki.mailxmail.com
Crea tu página web y deja que cualquier visitante la enriquezca ¿Te gusta la idea detrás de la Wikipedia? ¿Te interesa volcar, en formato wiki, tu conocimien... [17/11/05]
5/5 1.122  
Cómo fidelizar a los clientes en Internet
Hoy en día el comercio electrónico es algo que está muy presente en todos los ámbitos. Las ganas de obtener beneficios, por parte de los empresarios, dejan atrás el trato... [11/12/02]
 4,53/5 6.785  


Publicar en   del.icio.us    digg    meneame

¿Qué es mailxmail.com?|ISSN: 1699-4914|Recomiéndanos|Ayuda
Condiciones legales de mailxmail