Ajuda:Guia Prático/Tabelas
Origem: Wikipédia, a enciclopédia livre.
Se ainda não está bem familiarizado o processo de criação de tabelas veja o guia de edição para uma abordagem completa sobre o tema.
A explicação em inglês parece assumir que o leitor percebe de HTML. Pois bem, mas a verdade é que o princípio é quase idêntico. Uma opção é utilizar um editor de HTML que não seja WYSIWYG (para criar tabelas limpas sem estilização), e fazer as tabelas HTML.
Se quiser, posteriormente, convertê-las para o formato da wikipedia, pode usar este link (por exemplo), embora já tenha visto por aí bots a fazer a conversão, pelo que não é estritamente necessário (com efeito, a Wikipédia suporta o HTML dentro dos artigos).
Uma tabela é construída linha por linha, coluna por coluna, i.e., define-se, para cada linha, as suas colunas (células). Assim,
- Para iniciar uma tabela,
{|
- Para colocar uma legenda (opcional)
|+
- Para iniciar uma linha,
|-
- Cada coluna começa com
|
- Cada coluna do cabeçalho pode iniciar-se com
!
- Para concluir a tabela,
|}
Por fim, é possível formatar cada uma das células individualmente, ou por linha. Os parâmetros são adicionados imediatamente a seguir às marcações de abertura de linha, coluna ou tabela: são parâmetros HTML e não constam do objectivo deste guia. Porém, como referência, aqui fica:
- Para a tabela:
{| border=1
- Para todas as células de uma linha
|+ align="right"
- Para uma célula (coluna):
| align="center" | texto
Ou seja, uma tabela simples seria
{| border=2 width="100%"
|+ Tabela 1 - Exemplo
|-
|
! 1
! 2
|-
! 1
| align="right" | alinhado à direita
| align="center" | centrado
|-
! 2
| align="center" | centrado
| bgcolor="#f0f0f0" | fundo cinzento
|}
Resultado:
| 1 | 2 | |
|---|---|---|
| 1 | alinhado à direita | 1,2 |
| 2 | centrado | fundo cinzento |
Um exemplo de uma tabela mais complicada (usar Página de testes):
1:{| width="100%" border=1 align=center
2:|+style="font-weight:bold;"|aqui é a legenda (começa com +).
O estilo (texto negrito) é aplicado logo no inicío, separado por |
3:|-
4:| linha 1: início da tabela. ''width'' especifica a largura da tabela
(100% da largura útil do artigo),
''border'' a espessura do contorno.
''align'' é p alinhamento horizontal da '''tabela'''. Estes parâmetros são HTML.
5:linha 2: legenda (''caption'') - opcional
|-
6:| linha 3: separador de LINHA. As colunas são separadas unicamente por |
|-
7:| linha 4: conteúdo da célula da tabela.
Reparar que as linhas 6-8 são linhas ''independentes'' (ie, linhas da tabela),
enquanto que as linhas 4-5 é uma única célula (não tem |).
|-
8:| linha 9: terminador da tabela
9:|}
Resultado:
| linha 1: início da tabela. width especifica a largura da tabela
(100% da largura útil do artigo), border a espessura do contorno. align é p alinhamento horizontal da tabela. Estes parâmetros são HTML. linha 2: legenda (caption) - opcional |
| linha 3: separador de LINHA. As colunas são separadas unicamente por | |
| linha 4: conteúdo da célula da tabela. Reparar que as linhas 6-8 são linhas independentes (ie, linhas da tabela), enquanto que as linhas 4-5 é uma única célula (não tem |). |
| linha 9: terminador da tabela |
