Criação de tabelas em html

Criação de tabelas em html

Em html há um conjunto de comandos úteis para a elaboração de tabelas, abaixo descrevem-se

as principais tags e qualificadores:

<table> </table>

Cria uma tabela

• background – Imagem de plano de fundo
• bgcolor – Cor de plano de fundo
• border – Largura da borda em pixels
• cols – Número de colunas
• cellpadding – Espaçamento nas células
• cellspacing – Espaçamento entre as células
• width – Largura da tabela
• align – Alinhamento da tabela: left, center, right
• bordercolor – Cor na borda da tabela

<caption> </caption>

A legenda para a tabela

<tr> </tr>

Uma linha na tabela

• align – O alinhamento horizontal do conteúdo das células dentro dessa linha com os valores possíveis left, right, center, justify e char
• bgcolor – Cor de fundo
• valign – o alinhamento vertical do conteúdo das células dentro dessa linha com os valores possíveis top, middle, bottom e baseline
• background – Figura como plano de fundo

<th> </th>

Um cabeçalho de célula da tabela

• align – Alinhamento horizontal
• valign – Alinhamento vertical
• bgcolor – Cor de plano de fundo
• rowspan – O número de linhas pelo qual essa célula se expandirá
• colspan – O número de colunas pelo qual essa célula se expandirá
• nowrap – Desliga o enquadramento de texto em uma célula

<td> </td>

Define uma célula de dados da tabela

• align – Alinhamento horizontal
• valign – Alinhamento vertical
• bgcolor – Cor de plano de fundo
• rowspan – O número de linhas pelo qual essa célula se expandirá
• colspan – O número de colunas pelo qual essa célula se expandirá
• nowrap – Desliga o enquadramento de texto em uma célula
• width – Largura da célula
• height – Altura da célula

Referências:

https://www.codigofonte.com.br/artigos/principais-tags-de-html

https://stackoverflow.com/questions/24084572/complex-table-rowspan-and-colspan