Tabelas
autores (básico)
Básico sobre tabelas
PmWiki tem dois ipos de marcação para tabelas; a marcação descrita nesta página é útil para criar tabelas com muitas células pequenas, enquanto que as marcações de diretivas de tabelas são indicadas para tabelas maiores. Para maiores possibilidades na formatação de tabelas, veja formatação de tabelas.
As taberlas são criadas com o uso de barras verticais duplas: ||
. As linhas que começam com essa marcação, denotam filas ou linhas de tabela; as barras verticais duplas delimitam a fila de ceĺulas dentro da tabela. Nos exemploas abaixo , uma borda oi adicionada para efeito de ilustração (o padrão é não aperesentar as bordas).
|| border=1 || célula 1 || célula 2 || célula 3 || || célula 1 || célula 2 || célula 3 || || célula 1 || célula 2 || célula 3 || |
|
Cabeçalho de tabela (table header) pode ser criado colocando ! como o primeiro caractere de uma célula. Note que a marcação é a mesma para cabeçalho/título de página, mas não se comportam da mesma maneira em uma tabela e então usar !! ou !!! em uma tabela não resultará no que é aparentemente esperado.
|| border=1 ||! célula 1 ||! célula 2 ||! célula 3 || || célula 1 || célula 2 || célula 3 || |
|
As tabelas podem ter uma legenda, utlizando a marcação ||!legenda!||
. A legenda deve aparecer antes de qualquer fila de células em uma tabela.
|| border=1 ||! Uma tabela especial !|| ||! célula 1 ||! célula 2 ||! célula 3 || || célula 1 || célula 2 || célula 3 || |
|
formatando conteúdo de células
O conteúdo das células de uma tabela podem ser alinhadas à esquerda, direita, ou centralizadas.
- Para alinhar à esquerda, coloque o conteúdo das células próximas a
||
. vertical da esquerda. - Para centralizar o conteúdo de uma célula, coloque espaços antes e depois do conteúdo.
- Para alinhar à direita, coloque um espaço antesdo coneúdo da célula e deixe o conteúdo próximo as
||
da direita.
|| border=1 width=100% ||!cell 1 ||! cell 2 ||! cell 3|| ||Alinhado à esquerda || centralizado || alinhado à direita|| | ||||||
|
|| border=1 width=100% ||!padrão||!esquerda || ||alinhamento-padrão||alinhado à esquerda || | ||||
|
Observe que cabeçalho e células tem alinhamento padrão diferente.
Para suprimir colunas em uma tabela, acrescente células vazias às células com centeúdo. (Nao existem marcas para suprimir colunas de tabelas.)
|| border=1 width=100% || |||| coluna à direita || || || coluna do meio |||| || coluna à esquerda |||||| || coluna à esquerda || coluna do meio || coluna à direita || | ||||||||||||
|
Atributos de tabela
Toda a linha que for iniciada com ||
, mas que não possui mais um par de ||
que a feche, configura atributos de rabela para quaiquer tabelas seguintes. Estes atributos controlam o tamanho e posição de uma tabela , assim como bordas, cor de fundo e espaçameno entre as células. (Estes atributos são os mesmos atributos padrões para uma tabela em HTML; colocados dentro de uma "tag" <table>)
Use o atributo width=
para definir o tamanho de uma tabela, usando valores em porcentagem, absolutos, ou *.
|| border=1 width=100% || célula 1 || célula 2 || célula 3 || || célula 1 || célula 2 || célula 3 || | ||||||
|
Use o atributo border=
para definir o tamanho de umaborda de tabela.
|| border=10 width=70% ||!célula 1 ||! célula 2 ||! célula 3|| ||alinhado à esquerda || centralizado || alinhado à direita|| |
|
|| border=0 width=70% ||!célula 1 ||! célula 2 ||! célula 3|| ||alinhado à esquerda || centralizado || alinhado à direita|| |
|
Use align=center
, align=left
, and align=right
em uma tabela, para centralizar, alinhar à esquerda ou alinhar à direita. Observe que align=left
e align=right
criam uma tabela solta e o texto envolve ou se alinha com a tabela.
|| border=1 align=center width=70% ||!célula 1 ||! célula 2 ||! célula 3|| ||alinhado à esquerda || centralizado || alinhado à direita|| Observe como o texto não se alinha com a tabela usando "align=center". |
Observe como o texto não se alinha com a tabela usando "align=center". |
|| border=1 align=left width=70% ||!célula 1 ||! célula 2 ||! célula 3|| ||alinhado à esquerda || centralizado || alinhado à direita|| Observe como o teto se alinha à direita da tabela usando "align=left". |
Observe como o teto se alinha à direita da tabela usando "align=left". |
|| border=1 align=right width=70% ||!célula 1 ||! célula 2 ||! célula 3|| ||alinhado à esquerda || centralizado || alinhado à direita|| Observe como o teto se alinha à esquerda da tabela usando "align=right". |
Observe como o teto se alinha à esquerda da tabela usando "align=right". |
Nota: Para alinhar a tabela à esquerda e não deiar a tabela solta ou "floated" à esquerda, é necessário o uso de CSS
||style="margin-left:0px;"
O atributo bgcolor=
define a cor de fundo de uma tabela. No momento não existe maneira de especificar a cor de filas de células pu éluals individuais para este tipo de marcação, mas veja o uso de diretivas de tabela em Cookbook:FormattingTables.
|| border=1 align=center bgcolor=yellow width=70% ||!célula 1 ||! célula 2 ||! célula 3|| ||alinhado à esquerda || centralizado || alinhado à direita|| |
|
Outros examplos
%define=sp padding-right:1em font-weight:bold% || border=1 || [++Calendário de Eventos++] |||||||||| || '''Maio 2005''' || '''Junho 2005''' || '''Julho 2005''' || '''Agosto 2005''' || '''Setembro 2005''' || ||%sp%'''10'''%%6:30 - 8:30 Reunião importante\\\ %sp%'''17'''%%7:00 - 8:30 Reunião muito importante\\\ %sp%'''24'''%%7:00 - 8:30 Reunião mais importante ainda|| || || || || || '''Outubro 2005''' || '''Novembro 2005''' || '''Dezembro 2005''' || '''Janeiro 2006''' || '''Fevereiro 2006''' || || || || || || || | |||||||||||||||||||||||||
|
<< Uploads | Índice da Documentação | Diretivas de Tabelas >>
Como criar uma tabela básica?
As tabelas são criadas com o uso de caracteres verticais duplos: ||
. linhas iniciadas com estas marcações denotam filas de células em uma tabela; nestas linhas as barras verticais duplas sao usadas para delimitar células. No exemplo abaixo uma borca oi adicionada para efeito de ilustração (o padrão é não mostrar as bordas).
|| border=1 rules=rows frame=hsides || célula 1 || célula 2 || célula 3 || || célula 1 || célula 2 || célula 3 || |
|
Como posso criar cabeçalho de tabelas?
Cabeçalhos de tabela podem se riados usando ! como o primeiro caractere de uma célula. Observe que estes são cabeçalhos de tabela, e não marcação para cabeçalho ou títulos de página e então !!, !!! não irão funcionar da mema maneira em uma tabela.
|| border=1 rules=cols frame=vsides ||! célula 1 ||! célula 2 ||! célula 3 || || célula 1 || célula 2 || célula 3 || |
|
Como posso criar tabelas mais avançadas?
Veja Diretivas de Tabelas
Minhas tabelas são por padrão centralizadas. Quando tento usar '||align=left' estas não alinham como esperado.
Você provavelmente está usando Firefox. Tente usar ||style="margin-left:0px;".
Como posso especificar o tamanho das colunas?
No momento Não existe uma maneira de fazer isso usando a marcação básica para tabelas . Leia a página sobre Diretivas de Tabelas.
Como posso mostrar barras verticais duplas "||" em uma célula, usando a marcação básica para tabelas?
Use || para escrever || como caracteres especiais.
Essa é possivelmente a tradução do original em : PmWiki.Tables - Backlinks
Essa tradução se encontra em : PmWikiPtBr.Tables - Backlinks
Últimas modificações da tradução feitas em : September 10, 2011, at 10:00 AM
Últimas modificações feitas no original em : August 18, 2024, at 04:42 AM