Tabelas HTML
As tabelas define-se com a tag <table> e divide-se em linhas com tag <tr>, e as células com tag <td>, que tem como significado os dados de uma tabela. Com a tag <td> pode conter textos, imagens,listas,links,formulários entre outros.
HTML tags table
Etiqueta(tag)
|
Descrição(Description)
|
<table>
|
Define a tabela
|
<th>
|
Define uma célula
de cabeçalho em uma tabela
|
<tr>
|
Define uma
linha em uma tabela
|
<td>
|
Define uma
célula em uma tabela
|
<caption>
|
Define a legenda
da tabela
|
<colgroup>
|
Especifica um
grupo de uma ou mais colunas numa tabela para formatar
|
<col>
|
Especifica
as propriedades de coluna para cada coluna dentro de um elemento
<colgroup>
|
<thead>
|
Grupos de conteúdo
cabeçalho em uma tabela
|
<tbody>
|
Grupos de conteúdo
do corpo em uma tabela
|
<tfoot>
|
Grupos de conteúdo
do rodapé em uma tabela
|
O atributo <td colspan ="3">Disciplina PPSI I-SI </td> serve apenas para unir células ou melhor dizendo mesclar células.
Segue o exemplo:
<head>
<body>
<table border="1">
<caption> Tabela de notas e Faltas</caption>
<thead>
<tr>
<th>Nome</th> <th>Nota</th> <th>Frequencia</th>
</tr>
</thead>
<tbody>
<tr>
<td> MARIA</td> <td> 10</td> <td> 80%</td>
</tr>
<tr>
<td> JOSE</td> <td> 8</td> <td> 85%</td>
</tr>
<tr>
<td> JOÃO </td> <td> 9</td> <td> 95%</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan ="3">Disciplina PPSI I-SI </td>
</tr>
</tfoot>
</table>
</body>
</html>
Comentários
Postar um comentário