>> ALTAVOZ 1: Supongamos que usted tiene algún datos tabulares que le gustaría a la disposición
en una página web en una tabla, con filas y columnas.
¿Cómo podemos hacer esto?
>> Bueno, para la exposición aquí he llegado comenzado con table.html, con algunos
etiquetas de apertura y algunas etiquetas cerradas.
En el interior del cuerpo, ahora, vamos a incluir la etiqueta de mesa.
Y de manera preventiva, para que yo no lo hago olvidar, vamos a incluir la estrecha mesa
etiquetar también.
Dentro de eso, vamos a especificar una fila de la tabla con una etiqueta tr.
Y, también de forma preventiva, cerrar eso.
>> Ahora dentro de esta fila, vamos a definir el columnas o los datos que será
en el interior de esas columnas, o las células en el mismo.
Para ello, vamos a usar el etiqueta td de datos de la tabla.
Abrir td soporte corchete de cierre.
Y ahora, ¿qué tal si empezamos la simulación Los números de teléfono.
Vamos a empezar con uno, y luego cerrar esta etiqueta de datos de tabla.
Vamos a abrir una nueva con 2.
Cierre que uno también.
Y luego un tercero.
td td 3 cerca.
>> ¿A dónde voy con esto?
Bueno, yo sostengo que porque tenemos una fila de la tabla, en el interior de la cual tenemos
tres datas de mesa, que tienen esencialmente los inicios de una tabla que tiene una
fila y tres columnas.
Ahora vamos a darle un poco de filas adicionales.
>> Por debajo de la etiqueta de cierre tr, vamos a abrir otra etiqueta tr, y preventivamente cerca
que uno así.
Dentro de eso, vamos ahora hacer td 4, 5 td y td 6.
Por debajo de esa fila, vamos a hacer una tercera.
Fila de la tabla Abrir, cerrar fila de la tabla.
Dentro de que, TD 7, 8 TD, TD y 9.
>> Por último, sólo para hacer las cosas interesantes, a completar la parte inferior
de este teclado del teléfono.
Abrir tr tr y cerrar.
Y dentro de eso, la estrella td, td 0, y la libra td.
Ahora vamos a guardar el archivo, el cambio sus permisos, y
visualizarla con un navegador.
>> Chmod a + r table.html.
Ahora vamos a abrir Chrome.
http://localhost/table.html.
Y no tenemos lo que parece ser una tabla HTML.
Esto no acaba de ver como me esperaba.
Vamos a por lo menos agregar un borde alrededor ahora todas esas celdas de la tabla.
>> Volvamos a gedit y desplácese hasta la propia etiqueta de tabla.
Y vamos a añadir un atributo, conocido como "Frontera", que especifica un valor numérico
valor para el ancho de un borde.
Border es igual entre comillas 1, donde 1 indica el ancho
del borde de la mesa.
Vamos a guardar el archivo y vuelva a cargar la página en mi navegador.
>> De vuelta en Chrome, volver a cargar.
Y ahí lo tenemos.
Muy feo, pero sin embargo, datos tabulares.