1
00:00:00,660 --> 00:00:04,430
Entonces, el siguiente elemento del que quiero hablar es la tabla de HCM.

2
00:00:04,770 --> 00:00:12,110
Entonces, la tabla es cómo creamos cuadros o tablas como esta aquí en la página india de la tabla.

3
00:00:12,480 --> 00:00:15,760
Aquí hay una tabla que puedes ver de un gráfico.

4
00:00:16,620 --> 00:00:22,190
Aquí hay otra tabla para los colores y luego hay algunos ejemplos del tipo de cosas en las que

5
00:00:22,200 --> 00:00:23,090
vamos a trabajar.

6
00:00:23,340 --> 00:00:25,300
Entonces estas son tablas en la naturaleza.

7
00:00:25,380 --> 00:00:26,560
Ellos son bastante simples.

8
00:00:26,560 --> 00:00:31,470
diseño, pero son muy útiles para mostrar información en un formato tabular.

9
00:00:31,470 --> 00:00:34,800
Obviamente, no son las cosas más bellas sin

10
00:00:34,800 --> 00:00:37,580
Voy a seguir adelante y comentar.

11
00:00:37,860 --> 00:00:47,870
Recuerdo mucho de este archivo en sublime slash de comando y voy a poner un nuevo elemento de tabla dentro de cada tabla y aquí

12
00:00:49,980 --> 00:00:54,420
es donde se vuelve un poco complicado porque hay algunas maneras

13
00:00:54,420 --> 00:00:55,550
diferentes de hacerlo.

14
00:00:55,560 --> 00:01:03,810
Lo primero que le mostraremos es que escribimos un elemento t r que representa una fila de tabla y luego

15
00:01:03,810 --> 00:01:08,590
dentro de cada fila de tabla coloca un elemento t d.

16
00:01:08,790 --> 00:01:14,040
que voy a escribir esto solo para mostrarles primero una foto, luego volveremos y lo discutiremos.

17
00:01:14,040 --> 00:01:14,490
Así

18
00:01:14,490 --> 00:01:20,550
Así de tímido y vamos a poner un texto al azar aquí, así que volvamos a

19
00:01:20,880 --> 00:01:23,670
los colores rojo y naranja y dejémoslo así.

20
00:01:23,700 --> 00:01:27,150
Actualizo mi página y tengo una hermosa mesa.

21
00:01:27,150 --> 00:01:32,320
Sin embargo, no tengo ningún borde en esta tabla, por lo que es difícil ver lo que está sucediendo.

22
00:01:32,460 --> 00:01:34,340
Lo harías usando CSSA.

23
00:01:34,350 --> 00:01:41,040
Por lo general, esta no es una gran idea de la forma en que lo hice aquí con un atributo de borde.

24
00:01:41,160 --> 00:01:43,760
Esta es una especie de forma antigua de hacerlo.

25
00:01:43,830 --> 00:01:51,150
Así es como podrías hacerlo atrás en el tiempo, básicamente, antes de que las cosas se volvieran más orientadas a hacer todo tu

26
00:01:51,180 --> 00:01:54,780
estilo en tus C Ss, por lo que aún podrías hacerlo.

27
00:01:54,780 --> 00:01:56,960
Solo voy a agregar aquí solo para mostrarte lo que está sucediendo.

28
00:01:57,120 --> 00:02:04,360
Entonces, lo que hice fue una tabla que tiene una fila y tiene dos elementos para TDL en lugar de una fila.

29
00:02:04,770 --> 00:02:09,210
Así que puedo hacer otra fila y voy a hacer verde y

30
00:02:11,970 --> 00:02:12,600
amarillo y

31
00:02:16,260 --> 00:02:20,070
tomarme un momento para pensar en cómo debería verse cuando actualizo.

32
00:02:20,070 --> 00:02:25,070
Todos tenemos dos filas ahora rojo y naranja y amarillo y verde.

33
00:02:25,890 --> 00:02:32,990
Así que de nuevo tenemos la tabla que tenemos t r para cada fila y luego una T D para cada celda.

34
00:02:33,900 --> 00:02:35,300
Así que eso es genial.

35
00:02:35,310 --> 00:02:41,010
Sin embargo, lo próximo que quiero mostrar es cómo podríamos crear un encabezado sobre la mesa, así que vamos

36
00:02:41,010 --> 00:02:45,090
a cambiar un poco nuestros datos y hagamos esta tabla sobre las personas.

37
00:02:45,090 --> 00:02:55,920
Así que tendremos algo así como el nombre y la edad y luego debajo tendremos tu nombre, o tal vez sean perros

38
00:02:55,920 --> 00:02:59,950
tan oxidados que mi perro tiene que mirarlo.

39
00:02:59,970 --> 00:03:04,130
Mi otro perro que tiene 13 años y así sucesivamente.

40
00:03:04,260 --> 00:03:11,250
Así que para hacer esto queremos que el nombre y la edad sean parte de una tabla tipo del encabezado en negrita de la tabla.

41
00:03:11,250 --> 00:03:12,770
Y entonces hay otro elemento.

42
00:03:13,080 --> 00:03:20,380
Haremos otra fila y en lugar de Tweedy usaremos una etiqueta llamada Th.

43
00:03:20,940 --> 00:03:23,820
Así que esto es para un encabezado de tabla o encabezado de tabla.

44
00:03:24,370 --> 00:03:36,750
Y vamos a tener un nombre y una edad y luego nuestra primera fila seguirá adelante y completará

45
00:03:36,750 --> 00:03:46,970
Rusty y su edad es entonces nuestra próxima fila será Wyatt y su edad 13.

46
00:03:47,610 --> 00:03:49,220
Es bueno para un perro.

47
00:03:49,590 --> 00:03:51,320
Así que actualizo la página.

48
00:03:51,540 --> 00:03:56,170
Oh, bueno, puedes ver mi hermoso diagrama de este comentario.

49
00:03:56,910 --> 00:03:58,240
Y ahora esta es mi mesa.

50
00:03:58,470 --> 00:04:04,440
Así que tengo mi th's en una fila y luego si tengo otra fila con dos elementos y luego

51
00:04:04,530 --> 00:04:06,070
otra fila con dos elementos.

52
00:04:06,150 --> 00:04:08,540
Entonces, otra cosa que podemos discutir aquí.

53
00:04:08,850 --> 00:04:13,150
Hay una forma un poco más complicada de hacer exactamente la misma tabla.

54
00:04:13,620 --> 00:04:19,590
Y es realmente más complicado, es solo otra etiqueta o dos lo que le da a nuestra mesa más significado.

55
00:04:19,590 --> 00:04:25,900
Así que en este momento nuestra información de encabezado es dos encabezados son solo parte de un TR regular.

56
00:04:26,100 --> 00:04:31,370
Entonces, no hay distinción entre este TR y este TR. Ambos son solo filas de tablas.

57
00:04:31,680 --> 00:04:38,040
Bueno, al principio de los cinco, el énfasis está en hacer que cada equipo salga y tener un marcado que

58
00:04:38,040 --> 00:04:38,620
sea significativo.

59
00:04:38,640 --> 00:04:43,860
De modo que si algún otro código está mirando este sitio y alguien que está usando un lector de

60
00:04:43,860 --> 00:04:49,440
pantalla puede ver el código de mi lector de pantalla HMO y leerlo, y sabrá que el encabezado en él sabrá

61
00:04:49,440 --> 00:04:55,350
cuál es el cuerpo de la tabla que podría comportarse ligeramente diferente que si solo lee todas las carreteras en voz alta.

62
00:04:55,350 --> 00:05:04,830
Entonces, lo que hacemos allí son dos elementos que podemos agregar y hay una cabeza en T y un cuerpo en T y

63
00:05:04,830 --> 00:05:08,670
estos no harán una diferencia en absoluto en la apariencia.

64
00:05:08,860 --> 00:05:16,800
Pero lo que puedo hacer es mover el encabezado todo lo que corresponde a esta parte superior en una cabeza T.

65
00:05:18,810 --> 00:05:24,270
Y luego lo que haré es mover el cuerpo real de la mesa, todo el

66
00:05:27,060 --> 00:05:31,610
contenido en el cuerpo para que se vea idéntico, nada debería cambiar.

67
00:05:31,770 --> 00:05:36,930
Y hagamos otro rápido para cambiar aquí, así que agreguemos otra columna para que este nombre

68
00:05:37,260 --> 00:05:38,870
sea de edad y raza.

69
00:05:39,690 --> 00:05:46,320
Entonces resti es un perro callejero y por qué es un oro.

70
00:05:46,950 --> 00:05:47,610
Aquí vamos.

71
00:05:47,760 --> 00:05:50,340
Entonces esa es la base de las tablas.

72
00:05:50,340 --> 00:05:52,470
De nuevo, no suelen ser tan feos.

73
00:05:52,470 --> 00:05:57,450
Usualmente usamos C S, por lo que esta es solo una tabla normal sin ningún estilo.

74
00:05:57,450 --> 00:06:01,380
Y luego iremos y veremos evaluar y cambiar las fuentes y agregar un borde y colores de fondo y

75
00:06:01,380 --> 00:06:01,880
todo eso.

76
00:06:02,130 --> 00:06:02,930
Bien, excelente.