| HTML Tutorials |
|
|
| XML Tutorials |
|
|
| Browser Scripting |
|
|
| Server Scripting |
|
|
| .NET (dotnet) |
|
|
| Multimedia |
|
|
| Web Building |
|
|
| Java Tutorials |
|
|
| Programming Langauges |
|
|
| Soft Skills |
|
|
| Database Tutorials |
|
|
| Operating System |
|
|
| Software Testing |
|
|
| SAP Module |
|
|
| Networking Programming |
|
|
| Microsoft Office |
|
|
| Accounting |
|
|
|
- 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 |
|
|
| Database Quizes |
|
|
| Operating System Quizes |
|
|
| Software Testing Quizes |
|
|
| SAP Module Quizes |
|
|
| Networking Programming Quizes |
|
|
| Microsoft Office Quizes |
|
|
| Accounting Quizes |
|
|
|
