Ir a:
2-Una pagina para aprender más
4-Modificadores de la etiqueta table
5-Modificadores de la etiqueta tr
6-Modificadores de la etiqueta td
7-Ejemplos de tablas con modificadores
| 1º Abrir la etiqueta TABLE ( <table> ) |
| 2º Abrir la etiqueta TR ( <tr> ). TR es una fila |
| 3º Abrir la etiqueta TD ( <td> ). TD es una columna |
| 4º Escribir el texto que se desee o insertar una imagen/video |
| 5º Cerrar la etiqueta TD ( </td> ) |
| 6º Cerrar la etiqueta TR ( </tr> ) |
| 7º Repetir el proceso hasta lograr una tabla del tamaño que se desea |
| 8º Cerrar la etiqueta TABLE ( </table> ) |
Ejemplo de tabla:
| casilla 1 |
casilla 2 |
casilla 3 |
| casilla 4 |
casilla 5 |
casilla 6 |
| casilla 7 |
casilla 8 |
casilla 9 |
Cómo se ha echo:
Los colores se muestran tal y como aparecerían en Editplus para facilitar la lectura.
<table
border
=
"2"
>
<tr>
<td>
casilla 1
</td>
<td>
casilla 2
</td>
<td>
casilla 3
</td>
</tr>
<tr>
<td>
casilla 4
</td>
<td>
casilla 5
</td>
<td>
casilla 6
</td>
</tr>
<tr>
<td>
casilla 7
</td>
<td>
casilla 8
</td>
<td>
casilla 9
</td>
</tr>
</table>
1- Border = Indica el ancho del borde de la tabla. 2- Cellspacing = Indica el espacio que separa a las celdas . 3- Cellpadding = Indica el espacio que separa el borde de cada celda y el contenido de ésta. 4- Width = Indica el ancho de la tabla en puntos o en porcentaje en función del ancho de la ventana del navegador. 5- Height = Indica la altura de la tabla en puntos o en porcentaje en función del alto de la ventana del navegador. 6- Bgcolor = Especifica el color de fondo de toda la tabla. 1- Align = Alinea el contenido de las celdas horizontalmente, hacia la izquierda (LEFT), centro (CENTER), derecha (RIGHT) o justificado (JUSTIFY). 2- Valign = Alinea el contenido de las celdas de la fila verticalmente hacia arriba (TOP), centro (MIDDLE) o abajo (BOTTOM). 1- Align = Indica cómo se debe alinear el contenido de la celda, a la izquierda (LEFT), a la derecha (RIGHT), centrado (CENTER) o justificado (JUSTIFY). 2- Valign = Indica la alineación vertical del contenido de la celda, en la parte superior (TOP), en el centro (MIDDLE), o en la inferior (BOTTOM). 3- Rowspan = Indica el número de filas que ocupará la celda. Por omisión ocupa una sola fila. 4- Colspan = Indica el número de columnas que ocupará la celda. Por omisión ocupa una sola columna. 5- Width = Indica el ancho de la columna en puntos o en porcentaje en función del ancho de la ventana del navegador. 6- Bgcolor = Especifica el color de fondo del elemento de la tabla. Ejemplo de tabla con estos modificadores: Ejemplo de tabla con el modificador : (el color elegido es verde, #00CC00)
MODIFICADORES DE LA ETIQUETA (<TR>)
MODIFICADORES DE LA ETIQUETA (<TD>)
| casilla 1 |
casilla 2 |
casilla 3 |
| casilla 4 |
casilla 5 |
casilla 6 |
| casilla 7 |
casilla 8 |
casilla 9 |
Ejemplo de tabla con el modificador
: (5 en este caso)
| casilla 1 |
casilla 2 |
casilla 3 |
| casilla 4 |
casilla 5 |
casilla 6 |
| casilla 7 |
casilla 8 |
casilla 9 |
Ejemplo de tabla con el modificador
: (10 en este caso)
| casilla 1 |
casilla 2 |
casilla 3 |
| casilla 4 |
casilla 5 |
casilla 6 |
| casilla 7 |
casilla 8 |
casilla 9 |
Ejemplo de tabla con el modificador
: (10 en este caso)
| casilla 1 |
casilla 2 |
casilla 3 |
| casilla 4 |
casilla 5 |
casilla 6 |
| casilla 7 |
casilla 8 |
casilla 9 |
Ejemplo de tabla con el modificador
: (3 en este caso)
| casilla 1 |
casilla 2 |
casilla 3 |
| casilla 5 |
casilla 6 |
|
| casilla 8 |
casilla 9 |
Ejemplo de tabla con el modificador
: (3 en este caso)
| casilla 1 |
||
| casilla 4 |
casilla 5 |
casilla 6 |
| casilla 7 |
casilla 8 |
casilla 9 |
 |
 |
| Modificado por Mª Lian García |