Sesion Nº7 Creacion De Tablas En Html Ing. Edgar Cruz

Sesión 07: Ing. Edgar A. Cruz Huaman INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Creación de Tablas HTML.

I. Cómo se crea una tabla
<TABLE>…</TABLE>.
Filas : <TR>…</TR>
Encabezado de Tabla : <TH>…</TH>
Datos de Tabla : <TD>…</TD>

Ejercicio Nº 01

II. Bordes de la Tabla
Atributo BORDER=“n”.
<Table border=“5”>
Ejercicio 2:

Ejercicio Nº 03

III. Insertar un título para la tabla

Ejercicio Nº 04

IV. Alineamiento de tablas
<TABLE border= "1" align= "right" >

V. Alineamiento de celdas y ﬁlas
Alineamiento horizontal:
ALIGN="left“
ALIGN="center“
ALIGN="right“
Alineamiento vertical:
VALIGN="top"
VALIGN="middle“
VALIGN=" bottom"

VI. Ancho de tablas y celdas
Atributos: WIDTH y HEIGHT
<TABLE border =“1” width="600" height="500">
<TABLE border =“1” width=“80%" height=“900">

Ejercicio Nº 05

VI. Etiqueta <DIV>
<TD width="300">
<div align="center"> Texto centrado<br> </div>
<div align="right"> Texto a la derecha<br> </div>
</TD>

Ejemplo1

VII. Atributo NOWRAP
<TD nowrap>Texto en una sola linea.
</TD>

Ejemplo

VIII. Celdas que abarcan varias ﬁlas o columnas.
Atributos: ROWSPAN y COLSPAN.
<TD ROWSPAN="2">
Celda de dos filas
</TD>

Ejercicio Nº 07

IX. Márgenes y separación de celdas
CELLSPACING
CELLPADDING
<TABLE BORDER="1" cellspacing="10" cellpadding=“50">

Ejemplo

PREGUNTAS?

http://ingedgarcruzh.blogspot.com	31
http://www.slideshare.net	4
http://www.ingedgarcruzh.blogspot.com	2

Sesion Nº7 Creacion De Tablas En Html Ing. Edgar Cruz

by Edgar Cruz on Oct 19, 2008

Accessibility

Categories

Tags

Upload Details

Usage Rights

3 Embeds 37

Statistics

Sesion Nº7 Creacion De Tablas En Html Ing. Edgar Cruz — Presentation Transcript