 Atrás
|
Creación |
Próxima
|
Las tablas son estructuras que nos permiten organizar elementos en forma de filas y columnas, y a las intersecciones de las mismas se les llama celdas...
Arachnophilia te hace fácil construir tablas, pues proporciona un asistente para la creación de las mismas. Simplemente pulsa en cualquier sitio con el botón derecho y aparecerá el menú de acceso rápido. Busca la opción "Table Wizard" y aparecerá la siguiente caja de diálogo:
Como verás, hay diferentes opciones para escoger. Las más importantes son el número de filas (Rows) y de columnas (Columns). Por los momentos especificaremos 2 y 3, respectivamente.
A continuación tenemos la anchura de la tabla, expresada en porcentaje del espacio libre. En este ejemplo usaremos 60%.
El ancho del borde en pixeles (Border width pixels) será 1, en tanto que a Cell padding pixels como Cell spacing pixels se les asignará 2 y corresponden al espacio entre el contenido de la celda y el borde de la misma, y a la separación entre celdas adyacentes.
Adicionalmente, del lado derecho del asistente de tablas hay varias opciones adicionales y optaremos por "Comment Markers" y "Placeholder Data". Para finalizar, pulsa sobre "Create" (crear) y luego sobre "Hide" para cerrar el asistente. El resultado será como sigue:
El código que corresponde a esta tabla parece complejo, pero realmente no lo es:
<TABLE width=
"60%"
border=
"1"
cellspacing=
"2"
cellpadding=
"2"
>
Si lo observas con atención, notarás un patrón. En primer lugar están las etiquetas de apertura y cierre de la tabla (TABLE). En la primera de ellas están los atributos que definimos previamente. Luego se encuentran las etiquetas de apertura y cierre de filas (TR - Table Row). Hay dos pares porque pediste por dos filas.
Seguidamente, y dentro de cada TR hay 3 pares de etiquetas TD (Table Data) que representan cada una una celda, una por cada columna, 6 en total.
La opción "Comment Markers" te coloca los comentarios indicando en qué fila y columna te encuentras, mientras que "Placeholder Data" pone contenido dentro de las celdas (R1C1, R1C2, etc.) para que sepas dónde debes escribir lo que deseas.
Ahora que sabes cómo crear una tabla, verás lo que puedes hacer con ella...
R1C1
R1C2
R1C3
R2C1
R2C2
R2C3
<TR>
<!- Row 1 Column 1 ->
<TD >
R1C1
</TD >
<!- Row 1 Column 2 ->
<TD >
R1C2
</TD >
<!- Row 1 Column 3 ->
<TD >
R1C3
</TD >
</TR>
<TR>
<!- Row 2 Column 1 ->
<TD >
R2C1
</TD >
<!- Row 2 Column 2 ->
<TD >
R2C2
</TD >
<!- Row 2 Column 3 ->
<TD >
R2C3
</TD >
</TR>
</TABLE>
Inicio - Tablas: Creación
| Página Inicial | Inicio de esta página |