Então, o próximo elemento de que quero falar é a tabela HCM l.
Então, a tabela é como criamos tabelas ou tabelas como essa aqui na tabela indiana para a tabela.
Há uma tabela aqui que você pode ver de um gráfico.
Há outra tabela aqui para cores e, em seguida, aqui estão alguns exemplos dos tipos de coisas em
que vamos trabalhar.
Então estas são mesas na natureza.
Eles são bastante simples.
sem estilo, mas são muito úteis para exibir informações em um formato tabular.
Obviamente, eles não são as coisas mais bonitas
Vou seguir em frente e comentar.
Muito deste arquivo lembrar na barra de comando sublime e vou colocar um novo elemento de tabela e dentro de cada mesa e é
aí que fica um pouco complicado porque existem algumas maneiras diferentes
de fazer isso.
O primeiro que vamos mostrar é que escrevemos um elemento t r que representa a linha da tabela e, em seguida,
dentro de cada linha da tabela você colocou um elemento t d.
vou escrever isso apenas para mostrar uma foto primeiro, então vamos voltar e discutir.
Então,
Então, tiddy e vamos colocar alguns textos aleatórios aqui, então vamos voltar às cores
vermelhas e laranja e vamos deixar isso.
Eu atualizo minha página e tenho uma bela mesa.
No entanto, eu não tenho nenhuma borda nesta tabela, então é difícil ver o que está acontecendo.
Você faria isso usando CSSA.
Normalmente, esta não é uma ótima idéia da maneira como eu fiz isso aqui com um atributo de borda.
Esta é uma maneira antiga de fazê-lo.
É assim que você poderia fazê-lo no tempo para, basicamente, antes que as coisas se tornassem mais orientadas ao fazer todo o seu
estilo em seu C Ss para que você ainda pudesse fazê-lo.
Eu só vou adicionar aqui apenas para mostrar o que está acontecendo.
Então, o que eu fiz é fazer uma tabela que é uma linha e tem dois elementos para TDL em vez de uma linha.
Então eu posso fazer outra linha e eu vou fazer verde e amarelo e
demorar um
momento para pensar apenas sobre o que isso deveria parecer quando eu atualizar.
Todos nós temos duas linhas agora vermelhas e laranja, amarelo e verde.
Então, novamente, temos tabela que temos t r para cada linha e, em seguida, um T D para cada célula.
Então é ótimo.
A próxima coisa, porém, que eu quero mostrar é como podemos criar um título na mesa, então
vamos mudar nossos dados um pouco e vamos fazer essa tabela sobre pessoas.
Então, teremos algo como nome e idade e, em seguida, abaixo, teremos que você conhece o nome é ou talvez este seja cães
que estão enferrujados. Meu cachorro tem que assisti-lo.
O meu outro cachorro com 13 anos e assim por diante.
Então, para fazer isso, queremos nome e idade para fazer parte de um tipo de tabela do título em negrito da tabela.
E, portanto, há outro elemento.
Vamos fazer outra linha e, em vez de Tweedy, vamos usar uma tag chamada Th.
Então, é para uma cabeça de tabela ou cabeçalho de tabela.
E vamos ter um nome e idade e, em seguida, nossa primeira fila vai continuar e preencher Rusty
e sua idade é para então, nossa próxima fila será Wyatt e seus 13 anos.
É bom para um cachorro.
Então eu atualizo a página.
Ah, você pode ver meu lindo diagrama desse comentário.
E agora está aqui a minha mesa.
Então eu tenho meu th's em uma linha e então, se eu tivesse outra linha com dois elementos e depois
outra linha com dois elementos.
Então, uma outra coisa que podemos discutir aqui.
Há uma maneira um pouco mais complicada de fazer exatamente a mesma tabela.
E é realmente mais complicado, é apenas uma ou outra tag que dá à nossa tabela mais significado.
Então, agora, nossa informação de cabeçalho é dois cabeçalhos são apenas parte de um TR regular.
Portanto, não há distinção entre este TR e este TR. Ambos são apenas linhas de tabela.
Bem, inicialmente de todos os cinco novamente a ênfase é fazer com que cada equipe e ter uma marcação que seja
algo significativo.
Então, se algum outro código estiver vislumbrando este site e alguém que estiver usando um leitor de tela, o
código do leitor de tela pode ver meu envelhecer HMO e lê-lo e ele saberá que o título dele saberá
o que o corpo da mesa pode comportar um pouco diferente do que se apenas lê todas as estradas em voz alta.
Então, o que fazemos lá são dois elementos que podemos adicionar e há uma cabeça T e um corpo
t e isso não fará diferença na aparência.
Mas eu posso fazer é simplesmente mover o encabeçamento tudo o que corresponde a esta parte superior em uma cabeça T.
E então, o que vou fazer é mover o corpo real da mesa todo
o conteúdo para o corpo por isso parece idêntico, nada deve mudar.
E vamos fazer um outro rápido para mudar aqui, então vamos adicionar outra coluna, então esta será a
idade do nome e a raça.
Então resti é um vira-lata e por que é um dourado.
Aqui vamos nós.
Então, essa é a base das tabelas.
Mais uma vez, eles geralmente não são feios.
Costumamos usar C S S e, portanto, isso é apenas uma tabela normal sem nenhum estilo.
E então iremos ver e avaliar e alterar as fontes e adicionar uma borda e cores de fundo e
tudo isso.
Certo, ótimo.