A fin de representar correctamente datos tabulados
para páginas web, crearemos tablas en
un documento HTML, según las reglas de este lenguaje. Algunos creadores de
proyectos para internet invierten mucho tiempo para crear correctamente tablas,
debido a su complejidad cuando se maneja grandes volúmenes de información. Por
este motivo, identificaremos con precisión los pasos y las etiquetas para crear
tablas.
Cuando apreciamos fechas y su
correspondiente día de la semana, lo más común es su representación mediante
una tabla, por la posibilidad de ubicar con mayor rapidez un día. Debido a la
variedad de usos para una tabla, la encontrarmos en libros de contabilidad,
horarios de clase, listas de estudiantes, entre otras aplicaciones.
061-01_0905_ilu01. Usos de tablas
Es necesario cuidar los detalles
al momento de crearlas, debido a la posibilidad de obtener complejos bloques de
instrucciones. Para la creación de una tabla, se necesitan tres tipos de
etiquetas:
- Table: significa tabla en español; es la etiqueta para delimitar
la tabla, y es necesario crear el inicio y el cierre correspondientes.
- Tr: es el acrónimo del término en inglés Table Rows, en español, filas de una tabla. Se crea por cada fila
necesitada en la tabla.
- Td: es el acrónimo del término en inglés Table Data, en español, datos de la tabla. Se crea por cada columna
necesitada en la tabla.
En el siguiente ejemplo,
agregaremos tres filas y tres columnas, mediante los tres elementos básicos
aprendidos. Es necesario tomar en cuenta el primer valor de cada fila creada cuando
manejamos tablas, pues formarán parte de la primera columna. Por defecto, la
apariencia de una tabla con las básicas es: sin bordes y con un estricto orden
de separación entre las filas y columnas, como en la siguiente imagen.
061-01_0905_ilu02. Código
de creación de una tabla
061-01_0905_ilu03. Vista de usuario de una tabla
Para crear un borde a un tabla, agregamos
el atributo border a la etiqueta table, asignándole un valor entre
comillas para definir el grosor. En este caso, comencemos por el número uno y
notemos cómo el navegador web muestra
la tabla al usuario, con el atributo especificado.
061-01_0905_ilu04. Código de borde
061-01_0905_ilu05. Visualización de borde
Ahora bien, al aumentar el valor a
tres, la línea externa del borde se muestra más gruesa, e iría en aumento si le
asignáramos el número siete. Así sucesivamente, es posible realizarlo hasta
obtener el tamaño de borde necesario.
061-01_0905_ilu06. Código de borde grueso
061-01_0905_ilu07. Visualización de borde
grueso
Keynotes
- Table:
significa tabla en español; es la etiqueta para delimitar la tabla, y se debe
crear el inicio y el cierre correspondientes.
- Tr:
es el acrónimo del término en inglés Table
Rows, en español, filas de una tabla. Se debe crear por cada fila
necesitada en la tabla.
- Td:
es el acrónimo del término en inglés Table
Data, en español, datos de la tabla. Se debe crear por cada columna
necesitada en la tabla.
- Por defecto, la apariencia de una tabla con
las básicas es: sin bordes y con un estricto orden de separación entre las
filas y columnas,
- Para crear un borde a un tabla, agregamos el
atributo border a la etiqueta table, asignándole un valor entre
comillas para definir el grosor.
MisiónA fin de representar datos tabulados para páginas web, eficientemente, elabora una tabla
en un documento HTML, según las reglas de este lenguaje.
Pasos a seguir:
- Ubica la
recomendación actual del lenguaje HTML, y lee las especificaciones de tablas.
- Crea un
documento HTML, con una tabla sobre tu horario de la semana próxima.
- Muestra el
código a un experto en el área mediante vPages,
y anota sus recomendaciones al respecto.
Sabrás que has tenido éxito cuando
tu código se ejecute correctamente en el navegador web de tu preferencia.
Realiza las modificaciones
necesarias luego de la recomendación y ejecución, a fin de compartir el código
y la vista en tu vPages e invita a
tus compañeros a debatir sobre cómo optimizarlo.
Tiempo disponible: 3 horas.
CierreMediante la creación de tablas en un documento
HTML, según las reglas de este lenguaje, optimizamos el tiempo al manejar
grandes volúmenes de datos, y lo organizamos correctamente. Además, representamos
con pulcritud datos tabulados para páginas web.
La organización y la precisión son determinantes para lograr el uso correcto
de las etiquetas de creación de tablas.
