Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la...
-
Upload
angeles-molina-maldonado -
Category
Documents
-
view
216 -
download
0
Transcript of Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la...
![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.](https://reader036.fdocuments.mx/reader036/viewer/2022062520/5665b4aa1a28abb57c930a5f/html5/thumbnails/1.jpg)
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.](https://reader036.fdocuments.mx/reader036/viewer/2022062520/5665b4aa1a28abb57c930a5f/html5/thumbnails/2.jpg)
![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.](https://reader036.fdocuments.mx/reader036/viewer/2022062520/5665b4aa1a28abb57c930a5f/html5/thumbnails/3.jpg)
![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.](https://reader036.fdocuments.mx/reader036/viewer/2022062520/5665b4aa1a28abb57c930a5f/html5/thumbnails/4.jpg)
![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.](https://reader036.fdocuments.mx/reader036/viewer/2022062520/5665b4aa1a28abb57c930a5f/html5/thumbnails/5.jpg)
![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.](https://reader036.fdocuments.mx/reader036/viewer/2022062520/5665b4aa1a28abb57c930a5f/html5/thumbnails/6.jpg)
![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.](https://reader036.fdocuments.mx/reader036/viewer/2022062520/5665b4aa1a28abb57c930a5f/html5/thumbnails/7.jpg)
![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.](https://reader036.fdocuments.mx/reader036/viewer/2022062520/5665b4aa1a28abb57c930a5f/html5/thumbnails/8.jpg)
![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.](https://reader036.fdocuments.mx/reader036/viewer/2022062520/5665b4aa1a28abb57c930a5f/html5/thumbnails/9.jpg)
![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.](https://reader036.fdocuments.mx/reader036/viewer/2022062520/5665b4aa1a28abb57c930a5f/html5/thumbnails/10.jpg)
![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.](https://reader036.fdocuments.mx/reader036/viewer/2022062520/5665b4aa1a28abb57c930a5f/html5/thumbnails/11.jpg)
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.](https://reader036.fdocuments.mx/reader036/viewer/2022062520/5665b4aa1a28abb57c930a5f/html5/thumbnails/12.jpg)
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.](https://reader036.fdocuments.mx/reader036/viewer/2022062520/5665b4aa1a28abb57c930a5f/html5/thumbnails/13.jpg)
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.](https://reader036.fdocuments.mx/reader036/viewer/2022062520/5665b4aa1a28abb57c930a5f/html5/thumbnails/14.jpg)
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.](https://reader036.fdocuments.mx/reader036/viewer/2022062520/5665b4aa1a28abb57c930a5f/html5/thumbnails/15.jpg)
<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.](https://reader036.fdocuments.mx/reader036/viewer/2022062520/5665b4aa1a28abb57c930a5f/html5/thumbnails/16.jpg)
<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.](https://reader036.fdocuments.mx/reader036/viewer/2022062520/5665b4aa1a28abb57c930a5f/html5/thumbnails/17.jpg)
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.](https://reader036.fdocuments.mx/reader036/viewer/2022062520/5665b4aa1a28abb57c930a5f/html5/thumbnails/18.jpg)
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.](https://reader036.fdocuments.mx/reader036/viewer/2022062520/5665b4aa1a28abb57c930a5f/html5/thumbnails/19.jpg)
![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.](https://reader036.fdocuments.mx/reader036/viewer/2022062520/5665b4aa1a28abb57c930a5f/html5/thumbnails/20.jpg)
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.](https://reader036.fdocuments.mx/reader036/viewer/2022062520/5665b4aa1a28abb57c930a5f/html5/thumbnails/21.jpg)
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.](https://reader036.fdocuments.mx/reader036/viewer/2022062520/5665b4aa1a28abb57c930a5f/html5/thumbnails/22.jpg)