ElTicus.com

Programación, lenguajes y recursos para programadores

manual
Curso Bsico de HTML
Introduccin a la programacin de pginas Web
Publicado por JL Fecha: 2006-12-02 01:20:00 Idioma: Espaol Tipo de documento: manual
Descargar como PDF

Curso de HTML Bsico

Curso bsico de HTML

Gua para principiantes

(Curso para introducir a alguien a la programacin de pginas web)



Tablas

Las tablas nos permiten representar cualquier elemento de nuestra pgina (texto, listas, imagenes, etc...) en diferentes filas y columnas separadas entre si. Es una herramienta muy util para "ordenar" contenidos de distintas partes de nuestra pgina. La tabla se define mediante la directiva <TABLE></TABLE>. Los parmetros opcionales de esta directiva son :

border = num.

Indica el ancho del borde de la tabla en puntos.

cellspacing = num

Indica el espacio en puntos que separa las celdas que estan dentro de la tabla.

cellpadding = num

Indica el espacio en puntos que separa el borde de cada celda y el contenido de esta.

width = num %

Indica la anchura de la tabla en puntos o en porcentaje en funcin del ancho de la ventana del visor. Si no se indica este parmetro, el ancho se adecuar al tamao de los contenidos de las celdas.

height = num %

Indica la altura de la tabla en puntos o en porcentaje en funcin del alto de la ventana del visor. Si no se indica este parmetro, la altura se adecuar a la altura de los contenidos de las celdas.

bgcolor = codigo de color

Especifica el color de fondo de toda la Tabla.

Para definir las celdas que componen la tabla se utilizan las directivas <TD> y <TH>. <TD> indica una celda normal, y <TH> indica una celda de "cabecera", es decir, el contenido ser resaltado en negrita y en un tamao ligeramente superior al normal. Los parmetros opcionales de ambas directivas son :

align = LEFT / CENTER / RIGHT / JUSTIFY

Indica como se debe alinear el contenido de la celda, a la izquierda (LEFT), a la derecha (RIGHT), centrado (CENTER) o justificado (JUSTIFY).

valign = TOP / MIDDLE / BOTTOM

Indica la alineacin vertical del contenido de la celda, en la parte superior (TOP), en la inferior (BOTTOM), o en el centro (MIDDLE).

rowspan = num

Indica el nmero de filas que ocupar la celda. Por defecto ocupa una sola fila.

colspan = num

Indica el nmero de columnas que ocupar la celda. Por defecto ocupa una sola columna.

width = num %

Indica la anchura de la columna en puntos o en porcentaje en funcin del ancho de la ventana del visor. Si no se indica este parmetro, el ancho se adecuar al tamao de los contenidos.

bgcolor = codigo de color

Especifica el color de fondo del elemento de la Tabla.

Para indicar que acaba una fila de celdas se utiliza la directiva <TR>. A continuacin mostraremos un ejemplo de una tabla que contiene solo texto. Como se indic anteriormente el contenido de las celtas puede ser cualquier elemento de HTML, un texto, una imagen, un Hyperenlace, una Lista, etc...

 

Ejemplo :

 

<TABLE border = 4 cellspacing = 4 cellpadding = 4 width =80%>

<TH align = center>Buscadores

<TH align = center colspan = 2>Otros Links

<TR>

<TD align = LEFT>Yahoo

<TD align = LEFT>Microsoft

<TD align = LEFT>IBM

<TR>

<TD align = LEFT>Infoseek

<TD align = LEFT>Apple

<TD align = LEFT>Digital

</TABLE>

 

Se vera como:

 

 

 

Buscadores

Otros Links

Yahoo

Microsoft

IBM

Infoseek

Apple

Digital

Las directivas <TD> y <TH> son cerradas segn el estandar de HTML, es decir que un elemento de tabla <TD> deberia cerrarse con un </TD> , sin embargo los visores asumen que un elemento de la tabla, queda automaticamente "cerrado" cuando se "abre" el siguiente.


<< Tema anterior Tema siguiente >>



Hay 220 comentarios sobre este tema por parte de los lectores


Haz un comentario sobre este tema
Nombre email (no se muestra)
comentario:
Escribe las 2 letras que ves aqu: Imagen anti-spam =

Los ltimos 5 comentarios colocados son:

1. Comentario de SandorinaBaw el 2017-12-11 22:10:43
Всем привет, хочу проинтересоваться и обсудить такой вопрос как \"куда можно продать или же где можно купить наших домашних питомцев\"?

Почему подняла такой вопрос, просто хотелось бы попробовать себя в качестве заводчика, но вот только где продавать непонятно, не на базар же с ними выходить....

Давайте обсуждать, кто где покупает и кто куда продаёт.

2. Comentario de Traceem el 2017-11-20 06:52:55
СЕРВИС ДЛЯ ПРИВЛЕЧЕНИЯ КЛИЕНТОВ ИЗ ИНТЕРНЕТА.
Комплексное интернет-продвижение сайтов без посредников и переплат в одном месте!
Сбор различных баз для продвижения в интернете
Эффективно и недорого. Писать в ICQ 656310373

3. Comentario de Content Spinning el 2017-11-17 13:56:44
Le content spinning permet dautomatiser la génération textuels unique de manière aisée. cette manière de faire consiste à paraphraser des textes déjà existant, ce qui permet davoir un gain de temps efficacement. Il existe plusieurs logiciels et outils de spinning de contenu mais aucun ne permet de réaliser du contenu de bonne qualité sans perdre trop de temps. Avec Content-spinning. fr, vous pouvez enfin automatiser la réalisation de vos master-spins !

4. Comentario de AnthonyMaf el 2017-11-15 16:15:08

You actually mentioned it exceptionally well!
canadianpharmaciesbnt.com
canadapharmacy

5. Comentario de AlexDum el 2017-11-01 09:24:16
Компания выполняет ремонты жилых и нежилых помещений. от фундамента, проекта, дизайна, до реализации конечного результата.


VER TODOS LOS MENSAJES (220)...