No HTML, as tabelas são projetadas para organizar dados muito extensos ou complexos e estão totalmente representados no parágrafo. Permite ao leitor visualizar as descobertas rapidamente. Além disso, as tabelas podem ser utilizadas para se concentrar nos desenvolvimentos ou padrões dentro das informações e aumentar a acessibilidade de um artigo, excluindo informações quantitativas baseadas em texto.
Este post explica o método para criar a tabela “
" dentro de "
" elemento.
Como criar uma tabela “
" Dentro "
”?
Para criar uma tabela “
" dentro de "
”, Primeiro, faça uma mesa com um“
" elemento. Então, dentro do “
”Elemento, defina linhas de tabela usando o“
" marcação.
Para implicações práticas, experimente o procedimento declarado.
Etapa 1: faça um recipiente "div"
Primeiro, utilize o “”Elemento para fazer um contêiner div. Além disso, insira um “eu ia”Ou atributo de classe com um nome específico. Nesse caso, o atributo de identificação recebe o valor “contente”.
Etapa 2: Crie uma tabela
Em seguida, crie uma tabela com a ajuda do “
" marcação. Além disso, insira linhas de tabela usando o “
”Elemento e dados com“
”.
Etapa 3: Adicionar “
" Dentro "
" marcação
Dentro do elemento TD, insira outra linha com a ajuda do “
" marcação. Seguindo o mesmo procedimento declarado acima:
Primeira organização
Segunda organização
Linha da tabela dentro dos dados da tabela
Linha da tabela dentro dos dados da tabela
Terceira organização
Quarta organização
Saída
Como estilizar a tabela “
" dentro "
”?
Para estilizar a tabela “
" dentro "
”, Os usuários podem utilizar as várias propriedades CSS. Para fazer isso, siga o procedimento fornecido.
Etapa 1: aplique o estilo CSS no contêiner "Conteúdo"
Acesse o "div“Contêiner usando o“eu ia”Valor, que é“contente”, E aplique as seguintes propriedades CSS:
Aqui, aplique as propriedades do CSS de acordo com sua escolha. No nosso caso, o “preenchimento","fronteira", e "cor”São usados para modelar as linhas de tabela nos dados da tabela.
A partir da saída fornecida, pode -se observar que adicionamos com sucesso “
" dentro "
”E estilizou -o de acordo:
Isso se trata de adicionar e estilizar a mesa TR dentro do TD.
Conclusão
Para inserir a tabela TR dentro do TD, primeiro, crie uma tabela utilizando o “
" marcação. Então, especifique o “
" e "
”Dentro da mesa. Depois disso, dentro do “
”Tag, insira“
”Para adicionar linhas dentro dos dados da tabela e estilizá -los usando propriedades CSS. Este post explicou sobre a adição da tabela TR dentro do TD.
