las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la...

22
HTML

Upload: angeles-molina-maldonado

Post on 02-Feb-2016

215 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna

HTML

Page 2: Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna
Page 3: Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna
Page 4: Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna
Page 5: Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna
Page 6: Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna
Page 7: Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna
Page 8: Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna
Page 9: Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna
Page 10: Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna
Page 11: Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna

Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna.

Tablas

Page 12: Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna

Para crear una tabla hay que insertar en el cuerpo del documento las etiquetas <table> y </table>. Entre dichas etiquetas habrá que especificar las filas y columnas que formarán la tabla.

<body><table></table>

</body>

Creando tablas

Page 13: Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna

FILAS:Es necesario insertar las etiquetas <tr> y </tr> por cada una de las filas de la tabla. Estas etiquetas deberán insertarse entre las etiqetas <table> y </table>.<table>  <tr>...</tr>  <tr>...</tr>  <tr>...</tr>  <tr>...</tr>  <tr>...</tr></table>

Crear una lista con los días de la semana

Page 14: Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna

COLUMNAS:Para crear una tabla no basta con especificar el número de filas, es necesario también especificar el número de columnas.

Es necesario insertar las etiquetas <td> y </td> por cada una de las celdas que compongan cada una de las filas de la tabla.

Page 15: Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna

<table border="1">  <tr>    <td>lunes</td>    <td>martes</td>  </tr>  <tr>    <td>español</td>    <td>sociales</td>  </tr>  <tr>    <td>ingles</td>    <td>matematicas</td>  </tr></table>

Crear el horario de clase

Page 16: Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna

<table border="1">  <tr>    <td><img src=«http://3.bp.blogspot.com/-

F6QwwlXisEQ/UCT3KaUz1mI/AAAAAAAACpI/JHVAqwR8C6o/s640/foto+gatito.jpg

»></td>    <td>><img src=«http://fondosdecachorros.com/wp-content/uploads/images/ee/cachorr

os-de-perro.jpg»></td>  </tr>

</table>

Page 17: Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna

Atributo Significado Posibles valores

width ancho de la tablaun número, acompañado de % cuando se

desee que sea en porcentaje

height altura de la tablaun número, acompañado de % cuando se

desee que sea en porcentaje

cellpaddingespacio entre el contenido

de las celdas y el borde un número

cellspacing espacio entre celdas un número

border grosor del borde un número

align alineación de la tabla dentro de la página

left (izquierda)right (derecha)center (centro)

bgcolor color de fondo número hexadecimal

background imagen de fondo número hexadecimal

bordercolor color del borde número hexadecimal

Atributos de las tablas

Page 18: Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna

Ejemplo: <table width="50%" border="2" align=

"center" cellspacing="0" bordercolor="#000000" bgcolor="#FFCC99">  ...</table> Aplicar atributos de color

al horario de clase

Page 19: Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna
Page 20: Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna

Atributo Significado Posibles valores

width ancho de la tablaun número, acompañado de % cuando se desee que sea en

porcentaje

height altura de la tablaun número, acompañado de % cuando se desee que sea en

porcentaje

alignalineación horizontal del contenido de la

celda

left (izquierda)right (derecha)center (centro)

valignalineación vertical del contenido de la celda

baseline (línea de base)bottom (inferior)middle (medio)top (superior)

bgcolor color de fondo número hexadecimal

background

imagen de fondo número hexadecimal

bordercolor

color del borde número hexadecimal

Atributos Celdas

Page 21: Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna

Ejemplo:<html><head></head><body>

<table width="50%" border="2" align="center" cellspacing="0" bordercolor="#000000" bgcolor="#FFCC99"> <tr align="center" bgcolor="#0099CC"> <td>lunes</td> <td bgcolor="#66CC99">martes</td>

</tr>

</table></body></html>

Page 22: Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna