Pagina Web 5

1. COLEGIO NACIONAL NICOLAS ESGUERRA
EDIFICAMOS FUTURO
Jordán Andrés Nocobe Acosta 906
Cristian David Peña Penagos 906
PAGINA WEB V
Tablas
Las tablas están formadas por celdas, que son los recuadrosque se obtienen
como resultado de la intersección entre una fila y una columna.
Para crear una tabla hay que insertar las etiquetas<table>y </table>.
Entredichas etiquetashabrá que especificar las filasy columnas que
formarán la tabla.

2. FILA <tr>
Es necesario insertar las etiquetas<tr> y </tr> por cada una de las filasde la
tabla. Estas etiquetasdeberán insertarseentrelas etiqetas<table>y
</table>.
Por ejemplo, para crear una tabla con cinco filasescribiríamos:
<table>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
</table>
COLUMNAO CELDA <td>
Para crear una tabla no basta con especificar el número de filas, es
necesario también especificar el número de columnas. Una celda es el
resultado de la intersección entreuna fila y una columna, por lo que
podremos especificar el número de celdas por fila, que equivalea
especificar el número de columnas por fila. Es necesario insertar las
etiquetas<td> y </td> por cada una de las celdas que compongan cada una
de las filas de la tabla. Por lo tanto, habrá que insertar esas etiquetasentre
las etiquetas<tr> y </tr>. Entrelas etiquetas<td> y </td> se podrá
especificar el contenido decada una de las celdas. Por ejemplo, para
insertar la siguientetabla:

3. <table border="1">
<tr>
<td>Sabado</td>
<td>Domingo</td>
</tr>
<tr>
<td>Curso HTML</td>
<td>Curso Dreamweaver</td>
</tr>
<tr>
<td>Curso Frontpage</td>
<td>Curso Flash</td>
</tr>
</table>
FORMATO DE TABLA
Es posible modificar los siguientes atributos de una tabla:

4. Por ejemplo, para modificar la tabla de la página anterior para
que quedase como la siguiente:
<tablewidth="50%"border="2"align="center"cellspacing="0"
bordercolor="#000000"bgcolor="#FFCC99">
...</table>
FORMATO DE CELDAS
Es posiblemodificar lossiguientes atributosdeuna celda:
También es posiblemodificar estos atributosdetoda una fila,
especificándolosen la etiqueta <tr>, en lugar de en la etiqueta <td>.
Hay que tener en cuenta que los atributostienen más prioridad cuando son
establecidospara una celda que cuando son establecidospara una fila
completa. Al mismo tiempo, tienen más prioridad losatributosestablecidos
para una fila que los establecidospara toda la tabla.

5. Por ejemplo, si escribiéramosel siguientecódigo:
<table width="50%" border="2" align="center" cellspacing="0" bordercolor="#000000"
bgcolor="#FFCC99">
<tr align="center" bgcolor="#0099CC">
<td>Sabado</td>
<td bgcolor="#66CC99">Domingo</td>
</tr>
<tr>
<td>Curso HTML</td>
<td>Curso Dreamweaver</td>
</tr>
<tr>
<td>Curso Frontpage</td>
<td>Curso Flash</td>
</tr>
</table>
Obtendríamos la siguiente tabla: