Ajuda:Tutorial/Tabela

Introdução

Em primeiro lugar a criação de tabelas é uma tarefa complexa para iniciantes em códigos Wiki. Ou seja se você é um novato na Flapédia e não está ambientado com os códigos, é aconselhável que você copie uma tabela parecida com a que deseja de outro artigo e vá modificando as informações de acordo com o desejado.

Criando Tabelas

A criação de tabelas utiliza os mesmos princípios do HTML. 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.

Uma tabela é construída linha por linha, coluna por coluna, 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="60%"
|+ Tabela 1 - Exemplo
|-
|
! 1
! 2
|-
! 1
| align="right" | alinhado à direita
| align="center" | centrado
|-
! 2
| align="center" | centrado
| bgcolor="#CCCCCC" | fundo cinzento
|}

Resultado:

Tabela 1 - Exemplo

	1	2
1	alinhado à direita	centrado
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:

aqui é a legenda (começa com +). O estilo (texto negrito) é aplicado logo no inicío, separado por |

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

Ver também

• Tutorial