1
00:00:00,000 --> 00:00:00,170

2
00:00:00,170 --> 00:00:02,740
>> ALTAVOZ 1: Supongamos que usted tiene algún
datos tabulares que le gustaría a la disposición

3
00:00:02,740 --> 00:00:05,470
en una página web en una tabla,
con filas y columnas.

4
00:00:05,470 --> 00:00:06,540
¿Cómo podemos hacer esto?

5
00:00:06,540 --> 00:00:10,480
>> Bueno, para la exposición aquí he llegado
comenzado con table.html, con algunos

6
00:00:10,480 --> 00:00:12,300
etiquetas de apertura y algunas etiquetas cerradas.

7
00:00:12,300 --> 00:00:15,890
En el interior del cuerpo, ahora, vamos a
incluir la etiqueta de mesa.

8
00:00:15,890 --> 00:00:19,300
Y de manera preventiva, para que yo no lo hago
olvidar, vamos a incluir la estrecha mesa

9
00:00:19,300 --> 00:00:20,760
etiquetar también.

10
00:00:20,760 --> 00:00:24,830
Dentro de eso, vamos a especificar
una fila de la tabla con una etiqueta tr.

11
00:00:24,830 --> 00:00:27,300
Y, también de forma preventiva, cerrar eso.

12
00:00:27,300 --> 00:00:31,550
>> Ahora dentro de esta fila, vamos a definir el
columnas o los datos que será

13
00:00:31,550 --> 00:00:34,050
en el interior de esas columnas,
o las células en el mismo.

14
00:00:34,050 --> 00:00:37,470
Para ello, vamos a usar el
etiqueta td de datos de la tabla.

15
00:00:37,470 --> 00:00:39,730
Abrir td soporte corchete de cierre.

16
00:00:39,730 --> 00:00:42,490
Y ahora, ¿qué tal si empezamos la simulación
Los números de teléfono.

17
00:00:42,490 --> 00:00:45,890
Vamos a empezar con uno, y luego
cerrar esta etiqueta de datos de tabla.

18
00:00:45,890 --> 00:00:47,840
Vamos a abrir una nueva con 2.

19
00:00:47,840 --> 00:00:49,200
Cierre que uno también.

20
00:00:49,200 --> 00:00:50,270
Y luego un tercero.

21
00:00:50,270 --> 00:00:52,980
td td 3 cerca.

22
00:00:52,980 --> 00:00:54,000
>> ¿A dónde voy con esto?

23
00:00:54,000 --> 00:00:57,840
Bueno, yo sostengo que porque tenemos una
fila de la tabla, en el interior de la cual tenemos

24
00:00:57,840 --> 00:01:02,950
tres datas de mesa, que tienen esencialmente
los inicios de una tabla que tiene una

25
00:01:02,950 --> 00:01:04,590
fila y tres columnas.

26
00:01:04,590 --> 00:01:06,640
Ahora vamos a darle un poco de
filas adicionales.

27
00:01:06,640 --> 00:01:11,300
>> Por debajo de la etiqueta de cierre tr, vamos a abrir
otra etiqueta tr, y preventivamente cerca

28
00:01:11,300 --> 00:01:12,510
que uno así.

29
00:01:12,510 --> 00:01:21,600
Dentro de eso, vamos ahora
hacer td 4, 5 td y td 6.

30
00:01:21,600 --> 00:01:23,470
Por debajo de esa fila, vamos a hacer una tercera.

31
00:01:23,470 --> 00:01:25,680
Fila de la tabla Abrir, cerrar fila de la tabla.

32
00:01:25,680 --> 00:01:34,970
Dentro de que, TD 7, 8 TD, TD y 9.

33
00:01:34,970 --> 00:01:37,910
>> Por último, sólo para hacer las cosas interesantes,
a completar la parte inferior

34
00:01:37,910 --> 00:01:39,430
de este teclado del teléfono.

35
00:01:39,430 --> 00:01:42,530
Abrir tr tr y cerrar.

36
00:01:42,530 --> 00:01:51,530
Y dentro de eso, la estrella td,
td 0, y la libra td.

37
00:01:51,530 --> 00:01:54,090
Ahora vamos a guardar el archivo, el cambio
sus permisos, y

38
00:01:54,090 --> 00:01:56,440
visualizarla con un navegador.

39
00:01:56,440 --> 00:02:00,220
>> Chmod a + r table.html.

40
00:02:00,220 --> 00:02:02,300
Ahora vamos a abrir Chrome.

41
00:02:02,300 --> 00:02:08,430
http://localhost/table.html.

42
00:02:08,430 --> 00:02:11,610
Y no tenemos lo que parece
ser una tabla HTML.

43
00:02:11,610 --> 00:02:13,920
Esto no acaba de ver como me esperaba.

44
00:02:13,920 --> 00:02:17,650
Vamos a por lo menos agregar un borde alrededor ahora
todas esas celdas de la tabla.

45
00:02:17,650 --> 00:02:21,670
>> Volvamos a gedit y desplácese
hasta la propia etiqueta de tabla.

46
00:02:21,670 --> 00:02:25,130
Y vamos a añadir un atributo, conocido como
"Frontera", que especifica un valor numérico

47
00:02:25,130 --> 00:02:27,310
valor para el ancho de un borde.

48
00:02:27,310 --> 00:02:31,160
Border es igual entre comillas 1,
donde 1 indica el ancho

49
00:02:31,160 --> 00:02:32,400
del borde de la mesa.

50
00:02:32,400 --> 00:02:36,920
Vamos a guardar el archivo y vuelva a cargar
la página en mi navegador.

51
00:02:36,920 --> 00:02:38,920
>> De vuelta en Chrome, volver a cargar.

52
00:02:38,920 --> 00:02:39,860
Y ahí lo tenemos.

53
00:02:39,860 --> 00:02:42,550
Muy feo, pero sin embargo,
datos tabulares.

54
00:02:42,550 --> 00:02:44,694