curso de html

10

Click here to load reader

Upload: javier-araneda

Post on 07-Jul-2015

2.445 views

Category:

Technology


0 download

DESCRIPTION

curso de html basico para aficionados a paginas webs

TRANSCRIPT

Page 1: curso de html

Clase 4

TABLAS

Para definir una tabla se define de la siguientemanera.

<TABLE> ....</TABLE>

Para definir una Fila se utiliza<TR>....</TR>

Para definir una Celda se utilza<TD>....</TD>

Page 2: curso de html

Clase 4

ATRIBUTOS DE LAS TABLAS

BORDER: (Corresponde al borde de la tabla completa)

< TABLE border=2, 0, nada >.....</TABLE>

WIDTH: (Define el ancho de la tabla en porcentaje o pixeles)

< TABLE width=50% o 300 >.....</TABLE>

Page 3: curso de html

Clase 4

ATRIBUTOS DE LAS TABLAS

HEIGTH: (Define el alto de la tabla en porcentaje o pixeles)

< TABLE heigth=30% o 80 >.....</TABLE>

Page 4: curso de html

Clase 4

ATRIBUTOS DE LAS TABLAS

CELLSPACING (Define el espacio entre celdas)

< TABLE cellspacing=2 >.....</TABLE>

CELLPADDING (Define los márgenes de las celdas deuna tabla)

< TABLE cellpadding=4 >.....</TABLE>

Page 5: curso de html

Clase 4

EJEMPLO:ContenidoCellpaddingCellspacing

Page 6: curso de html

Clase 4

ATRIBUTOS DE LAS TABLAS

ALIGN (Alinear la tabla center, left, right)

< TABLE align=center >.....</TABLE>

BGCOLOR (Define el color de fondo de la tabla)

< TABLE bgcolor=“red” >.....</TABLE>

Page 7: curso de html

Clase 4

ATRIBUTOS DE LAS TABLAS

BACKGROUND (Define una imagen como fondo)

<TABLE background=“imagen1.gif”>.....</TABLE>

CAPTION (Permite colocar un Título en la Tablas)<TABLE> <CAPTION>Definiendo un título a la tabla </CAPTION>.........</TABLE>

Page 8: curso de html

Clase 4

ATRIBUTOS DE LAS FILAS (TR)

VALIGN (Permite una alineación del texto en el sentidovertical de la celda)

TOP, BOTTOM, MIDDLE

ALIGN (Permite una alineación del texto en el sentidohorizontal de la celda)

RIGHT, CENTER, LEFT

<TR valign | align = top,bottom,middle | right,center,left></TR>

Page 9: curso de html

Clase 4

ATRIBUTOS DE LAS CELDAS (TD)

VALIGN (Permite una alineación del texto en el sentidovertical de la celda)

TOP, BOTTOM, MIDDLE

ALIGN (Permite una alineación del texto en el sentidohorizontal de la celda)

RIGHT, CENTER, LEFT

<TD valign | align = top,bottom,middle | right,center,left></TD>

Page 10: curso de html

Clase 4

ATRIBUTOS DE LAS CELDAS

ROWSPAN (una celda tiene varias filas)

COLSPAN (una celda tiene varias columnas)

NOWRAP (Obliga al browser a inscribir todo el textode la celda en una sola línea)