| HTML Tutorials |
|
|
| XML Tutorials |
|
|
| Browser Scripting |
|
|
| Server Scripting |
|
|
| .NET (dotnet) |
|
|
| Multimedia |
|
|
| Web Building |
|
|
| Java Tutorials |
|
|
| Programming Langauges |
|
|
| Soft Skills |
|
|
|
- O modelo da tabela do HTML permite que os autores arranjem dados -- texto, texto preformatted, imagens, ligações, formulários, campos do formulário, outras tabelas, etc. -- em fileiras e em colunas das pilhas.
|
|
Tabelas
|
- As tabelas são definidas com o Tag do <table>.
- Uma tabela é dividida em fileiras (com o Tag do <tr>), e
- cada fileira é dividida em pilhas de dados (com o Tag do <td>).
- O td das letras está para da “os dados tabela,” que são o índice de uma pilha de dados.
- Uma pilha de dados pode conter o texto, as imagens, as listas, os parágrafos, os formulários, réguas horizontais, tabelas, etc.
|
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2p</td>
</tr>
</table>
|
|
| Títulos em uma tabela
|
| Os títulos em uma tabela são definidos com o Tag do <th>.
|
<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2p</td>
</tr>
</table>
|
|
| Tabelas e o atributo da beira
|
| A tabela estará indicada sem nenhumas beiras se você não especificar um atributo da beira. Às vezes isto pode ser útil, mas na maioria das vezes, você quer mostrar as beiras.
|
| Para indicar uma tabela com beiras, você terá que usar o atributo da beira:
|
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
</table>
|
|
| Medindo fileiras múltiplas e pilhas
|
| Usar rowspan medir fileiras múltiplas & colspan para medir colunas múltiplas.
|
| Para indicar uma tabela com beiras, você terá que usar o atributo da beira:
|
<table border="1">
<tr>
<td>column1</td>
<td>column2</td>
<td>column3</td>
</tr>
<tr>
<td rowspan="2">row 1, cell 1</td>
<td>row 1, cell 2</td>
<td>row 1, cell 3</td>
</tr>
<tr>
<td>row 2, cell 2</td>
<td>row 2, cell 3</td>
</tr>
<tr>
<td colspan="3">row 3, cell 1</td>
</tr>
</table>
|
|
| O/P:
|
| column1 |
column2 |
column3 |
| fileira 1, pilha 1 |
fileira 1, pilha 2 |
fileira 1, pilha 3 |
| fileira 2, pilha 2 |
fileira 2, pilha 3 |
| fileira 3, pilha 1 |
|
|
| Estofamento e afastamento da pilha
|
| Você ajusta o espaço branco em suas tabelas com os atributos cellpadding e cellspacing.
|
| O estofamento representa a distância entre beiras da pilha e o índice dentro, quando o afastamento definir a largura da beira.
|
<table border="1">
<tr>
<td >row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
|
|
| O/P: Tabela sem estofamento e afastamento da pilha
|
| fileira 1, pilha 1 |
fileira 1, pilha 2 |
| fileira 2, pilha 1 |
fileira 2, pilha 2 |
|
|
<table border="1" cellspacing="10">
<tr>
<td >row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
|
|
| O/P: Tabela com Cellspacing
|
| fileira 1, pilha 1 |
fileira 1, pilha 2 |
| fileira 2, pilha 1 |
fileira 2, pilha 2 |
|
|
<table border="1" cellpadding="10">
<tr>
<td >row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
|
|
| O/P: Tabela com Cellpadding
|
| fileira 1, pilha 1 |
fileira 1, pilha 2 |
| fileira 2, pilha 1 |
fileira 2, pilha 2 |
|
|
 |
 |
Keywords:creating html tables, html font color code tables, html help tables,
advanced html tables, html tutorial tables
|
|
| HTML Quizes |
|
|
| XML Quizes |
|
|
| Browser Scripting Quizes |
|
|
| Server Scripting Quizes |
|
|
| .NET (dotnet) Quizes |
|
|
| Multimedia Quizes |
|
|
| Web Building Quizes |
|
|
| Java Quizes |
|
|
| Programming Langauges Quizes |
|
|
| Soft Skills Quizes |
|
|
|
