Toda a gente detesta tabelas. Aqui estão alguns usos para elas:
Uma tabela de dados:
| Tamanhos de Calçado de Senhora | |||
|---|---|---|---|
| Tamanho do pé (mm) | Europa | Reino Unido | EUA e Canadá |
| 228 | 35 | 2 1/2 | 5 |
| 231 | 35,5 | 3 | 5 1/2 |
| 235 | 36 | 3 1/2 | 6 |
| 238 | 37 | 4 | 6 1/2 |
| 241 | 37,5 | 4 1/2 | 7 |
| 245 | 38 | 5 | 7 1/2 |
| 248 | 38,5 | 5 1/2 | 8 |
| 251 | 39 | 6 | 8 1/2 |
| 254 | 40 | 6 1/2 | 9 |
| Fonte: http://www.i18nguy.com/l10n/shoes.html | |||
Só aspecto: Uma tabela para formatar texto:
| A Ordem do Hospital é
a mais importante ordem monástica
e militar, não só pela sua duração
(de antes da primeira cruzada até
hoje), como pela vastidão das suas
posses. Foi também conhecida como
Ordem dos Cavaleiros de Rodes e, presentemente,
de Malta, consoante os locais sucessivos
da sua sede, que presentemente se encontra
em Itália.
A fundação da Ordem dos Irmãos Hospitalários de São João de Jerusalém, ainda que não com esse nome, ocorreu quase certamente antes da primeira Cruzada, ainda que a sua origem seja obscura e envolta em confusão. |
ou ainda:
| A Ordem do Hospital é a mais importante ordem monástica e militar, não só pela sua duração (de antes da primeira cruzada até hoje), como pela vastidão das suas posses. Foi também conhecida como Ordem dos Cavaleiros de Rodes e, presentemente, de Malta, consoante os locais sucessivos da sua sede, que presentemente se encontra em Itália. | A fundação da Ordem dos Irmãos Hospitalários de São João de Jerusalém, ainda que não com esse nome, ocorreu quase certamente antes da primeira Cruzada, ainda que a sua origem seja obscura e envolta em confusão. |
Vamos agora criar uma tabela, mas pequena. Este código:
<table border=1> <tr> <td>1 <td>2 <tr> <td>3 <td>4 </table>
cria uma tabela assim:
| 1 | 2 |
| 3 | 4 |
Pronto. A partir daqui vamos complicar. Na primeira tabela de exemplo, temos:
<table width="60%" border=1>
para que a largura da tabela em relação ao monitor seja de 60% (as aspas são obrigatórias). Depois,
<th colspan=4>Tamanhos de Calçado de Senhora</th>
criamos uma entrada de tabela (Table Header) <th> e indicamos que se deve estender ao longo de 4 colunas: colspan, Column Span. Fizemos o mesmo para a última linha. Prevê-se uma legenda, <caption>...</caption> mas os browsers tendem a colocá-la sempre antes da tabela, como um título.
Como queríamos os dados centrados nas células, indicámos que fossem centrados em toda a linha, ao criarmos as linha da tabela:
<!-- Primeira Linha --> <tr align=center> <th>Tamanho<br>do pé (mm) <th>Europa <th>Reino<br>Unido <th>EUA e<br>Canadá <!-- Segunda Linha --> <tr align=center> <td>228 etc.
De tabelas está servido, de momento. Não se esqueça, se quiser saber mais, de ir ver mais recursos, como os indicados na página índice, já que houve muita coisa de que não se falou explicitamente -- ainda que possa ver muita ao estudar o código das páginas, e se quiser uma página onde se mostram mais coisas, veja aqui. Se quiser, pode seguir para parte seguinte, sobre frames.
