Entonces, el siguiente elemento del que quiero hablar es la tabla de HCM.
Entonces, la tabla es cómo creamos cuadros o tablas como esta aquí en la página india de la tabla.
Aquí hay una tabla que puedes ver de un gráfico.
Aquí hay otra tabla para los colores y luego hay algunos ejemplos del tipo de cosas en las que
vamos a trabajar.
Entonces estas son tablas en la naturaleza.
Ellos son bastante simples.
diseño, pero son muy útiles para mostrar información en un formato tabular.
Obviamente, no son las cosas más bellas sin
Voy a seguir adelante y comentar.
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í
es donde se vuelve un poco complicado porque hay algunas maneras
diferentes de hacerlo.
Lo primero que le mostraremos es que escribimos un elemento t r que representa una fila de tabla y luego
dentro de cada fila de tabla coloca un elemento t d.
que voy a escribir esto solo para mostrarles primero una foto, luego volveremos y lo discutiremos.
Así
Así de tímido y vamos a poner un texto al azar aquí, así que volvamos a
los colores rojo y naranja y dejémoslo así.
Actualizo mi página y tengo una hermosa mesa.
Sin embargo, no tengo ningún borde en esta tabla, por lo que es difícil ver lo que está sucediendo.
Lo harías usando CSSA.
Por lo general, esta no es una gran idea de la forma en que lo hice aquí con un atributo de borde.
Esta es una especie de forma antigua de hacerlo.
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
estilo en tus C Ss, por lo que aún podrías hacerlo.
Solo voy a agregar aquí solo para mostrarte lo que está sucediendo.
Entonces, lo que hice fue una tabla que tiene una fila y tiene dos elementos para TDL en lugar de una fila.
Así que puedo hacer otra fila y voy a hacer verde y
amarillo y
tomarme un momento para pensar en cómo debería verse cuando actualizo.
Todos tenemos dos filas ahora rojo y naranja y amarillo y verde.
Así que de nuevo tenemos la tabla que tenemos t r para cada fila y luego una T D para cada celda.
Así que eso es genial.
Sin embargo, lo próximo que quiero mostrar es cómo podríamos crear un encabezado sobre la mesa, así que vamos
a cambiar un poco nuestros datos y hagamos esta tabla sobre las personas.
Así que tendremos algo así como el nombre y la edad y luego debajo tendremos tu nombre, o tal vez sean perros
tan oxidados que mi perro tiene que mirarlo.
Mi otro perro que tiene 13 años y así sucesivamente.
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.
Y entonces hay otro elemento.
Haremos otra fila y en lugar de Tweedy usaremos una etiqueta llamada Th.
Así que esto es para un encabezado de tabla o encabezado de tabla.
Y vamos a tener un nombre y una edad y luego nuestra primera fila seguirá adelante y completará
Rusty y su edad es entonces nuestra próxima fila será Wyatt y su edad 13.
Es bueno para un perro.
Así que actualizo la página.
Oh, bueno, puedes ver mi hermoso diagrama de este comentario.
Y ahora esta es mi mesa.
Así que tengo mi th's en una fila y luego si tengo otra fila con dos elementos y luego
otra fila con dos elementos.
Entonces, otra cosa que podemos discutir aquí.
Hay una forma un poco más complicada de hacer exactamente la misma tabla.
Y es realmente más complicado, es solo otra etiqueta o dos lo que le da a nuestra mesa más significado.
Así que en este momento nuestra información de encabezado es dos encabezados son solo parte de un TR regular.
Entonces, no hay distinción entre este TR y este TR. Ambos son solo filas de tablas.
Bueno, al principio de los cinco, el énfasis está en hacer que cada equipo salga y tener un marcado que
sea significativo.
De modo que si algún otro código está mirando este sitio y alguien que está usando un lector de
pantalla puede ver el código de mi lector de pantalla HMO y leerlo, y sabrá que el encabezado en él sabrá
cuál es el cuerpo de la tabla que podría comportarse ligeramente diferente que si solo lee todas las carreteras en voz alta.
Entonces, lo que hacemos allí son dos elementos que podemos agregar y hay una cabeza en T y un cuerpo en T y
estos no harán una diferencia en absoluto en la apariencia.
Pero lo que puedo hacer es mover el encabezado todo lo que corresponde a esta parte superior en una cabeza T.
Y luego lo que haré es mover el cuerpo real de la mesa, todo el
contenido en el cuerpo para que se vea idéntico, nada debería cambiar.
Y hagamos otro rápido para cambiar aquí, así que agreguemos otra columna para que este nombre
sea de edad y raza.
Entonces resti es un perro callejero y por qué es un oro.
Aquí vamos.
Entonces esa es la base de las tablas.
De nuevo, no suelen ser tan feos.
Usualmente usamos C S, por lo que esta es solo una tabla normal sin ningún estilo.
Y luego iremos y veremos evaluar y cambiar las fuentes y agregar un borde y colores de fondo y
todo eso.
Bien, excelente.