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 |
|
|