Tecnico html
Tema: HTML
TabelasAs tabelas são definidas com a tag <table>. Uma tabela é dividida em linhas (com a tag <tr>), e cada linha é dividida em células de dados (com a tag <td>). As letras td significam "table data," que é o conteúdo de uma célula de dados. Uma célula de dados pode conter texto, imagens, listas, parágrafos, formulários, filetes horizontias, tabelas, etc. <table border="1"> <tr> <td>linha 1, célula 1</td> <td>linha 1, célula 2</td> </tr> <tr> <td>linha 2, célula 1</td> <td>linha 2, célula 2</td> </tr> </table> |
Como aparece no navegador: linha 1, célula 1 | linha 1, célula 2 | linha 2, célula 1 | linha 2, célula 2 |
As Tabelas e o Atributo Border (Borda)Se você não especificar um atributo border a tabela será exibida sem qualquer borda. Às vezes isto pode ser útil, mas geralmente, você irá querer que as bordas sejam mostradas. Para exibir uma tabela com bordas, você usará o atributo border: | <table border="1"> <tr> <td>linha 1, célula 1</td> <td>linha 1, célula 2</td> </tr> </table> |
Cabeçalhos em uma Tabela
Os cabeçalhos em uma tabela são definidos com a tag <th>. <table border="1"> <tr> <th>Cabeçalho</th> <th>Outro Cabeçalho</th> </tr> <tr> <td>linha 1, célula 1</td> <td>linha 1, célula 2</td> </tr> <tr> <td>linha 2, célula 1</td>