Repositório Códigos HTML
1. Tabela
Quadro 1 – resumo dos dados do Curso
| Linha 1, Coluna 1 | Linha 1, Coluna 2 | Linha 1, Coluna 3 |
| Linha 2, Coluna 1 | Linha 2, Coluna 2 | Linha 2, Coluna 3 |
| Linha 3, Coluna 1 | Linha 3, Coluna 2 | Linha 3, Coluna 3 |
| Linha 4, Coluna 1 | Linha 4, Coluna 2 | Linha 4, Coluna 3 |
| Linha 5, Coluna 1 | Linha 5, Coluna 2 | Linha 5, Coluna 3 |
| Linha 6, Coluna 1 | Linha 6, Coluna 2 | Linha 6, Coluna 3 |
| Linha 7, Coluna 1 | Linha 7, Coluna 2 | Linha 7, Coluna 3 |
| Linha 8, Coluna 1 | Linha 8, Coluna 2 | Linha 8, Coluna 3 |
| Linha 9, Coluna 1 | Linha 9, Coluna 2 | Linha 9, Coluna 3 |
Veja a seguir o código HTML comentado.
<p style="text-align: center;">Quadro 1 – resumo dos dados do Curso</p>
<table class="table table-bordered" font-weight:="" normal="">
<tbody>
<tr style="background-color: #d9edf7;">
<td>Linha 1, Coluna 1</td>
<td>Linha 1, Coluna 2</td>
<td>Linha 1, Coluna 3</td>
</tr>
<tr>
<td>Linha 2, Coluna 1</td>
<td>Linha 2, Coluna 2</td>
<td>Linha 2, Coluna 3</td>
</tr>
<tr style="background-color: #dff0d8;">
<td>Linha 3, Coluna 1</td>
<td>Linha 3, Coluna 2</td>
<td>Linha 3, Coluna 3</td>
</tr>
<tr></tr>
</tbody>
</table>
Os trechos em salmão são o título da tabela e os textos internos de cada linha e coluna. Aqui basta inserir os textos, cuidando para não apagar nenhuma demarcação HTML.
O trecho em verde determina que há uma cor no fundo da linha.
O trecho em amarelo claro se refere ao código da cor de fundo.