curso de html
DESCRIPTION
curso de html basico para aficionados a paginas websTRANSCRIPT
![Page 1: curso de html](https://reader037.vdocuments.pub/reader037/viewer/2022100605/559ad55b1a28abf8078b46db/html5/thumbnails/1.jpg)
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](https://reader037.vdocuments.pub/reader037/viewer/2022100605/559ad55b1a28abf8078b46db/html5/thumbnails/2.jpg)
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](https://reader037.vdocuments.pub/reader037/viewer/2022100605/559ad55b1a28abf8078b46db/html5/thumbnails/3.jpg)
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](https://reader037.vdocuments.pub/reader037/viewer/2022100605/559ad55b1a28abf8078b46db/html5/thumbnails/4.jpg)
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](https://reader037.vdocuments.pub/reader037/viewer/2022100605/559ad55b1a28abf8078b46db/html5/thumbnails/5.jpg)
Clase 4
EJEMPLO:ContenidoCellpaddingCellspacing
![Page 6: curso de html](https://reader037.vdocuments.pub/reader037/viewer/2022100605/559ad55b1a28abf8078b46db/html5/thumbnails/6.jpg)
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](https://reader037.vdocuments.pub/reader037/viewer/2022100605/559ad55b1a28abf8078b46db/html5/thumbnails/7.jpg)
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](https://reader037.vdocuments.pub/reader037/viewer/2022100605/559ad55b1a28abf8078b46db/html5/thumbnails/8.jpg)
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](https://reader037.vdocuments.pub/reader037/viewer/2022100605/559ad55b1a28abf8078b46db/html5/thumbnails/9.jpg)
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](https://reader037.vdocuments.pub/reader037/viewer/2022100605/559ad55b1a28abf8078b46db/html5/thumbnails/10.jpg)
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)