Exibir código-fonte para Criando uma Tabela

{|
|-
| colspan=2; style="border:0px solid; vertical-align:top;" |
{| cellpadding="0" cellspacing="2" style="width:822px; vertical-align:top; text-align: right;"
| [[Imagem:Volt.png|link=Site Pronto]]
|}
|-
| colspan=2 style="border:1px solid #cccccc; vertical-align:top;" |
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
| '''Para criar uma tabela, siga o procedimento:'''
|}
|-
| style="border:1px solid #cccccc; vertical-align:center;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
| [[Imagem:SitePronto001.jpg|400px|Clique para ampliar]]
|}
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
| 1. Na [[Área de Edição]] do site pronto, posicione o cursor "|" no local da página onde deseja que seja inserida a tabela.
2. Clique no botão de '''Tabela''' [[Imagem:SitePronto127.png]].
|}
|-
| style="border:1px solid #cccccc; vertical-align:center;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
| [[Imagem:SitePronto218.png]]
|}
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
| 3. Será aberta a janela '''Formatar Tabela''' permitindo que você configure propriedades de tamanho, aparência e outras opções da tabela.
Na aba '''Formatar Tabela''' estão disponíveis as opções:
* '''Linhas''' – o número de linhas da tabela (preenchimento obrigatório).
* '''Colunas''' – o número de colunas da tabela (preenchimento obrigatório).
* '''Largura''' – a largura da tabela em pixels ou porcentagem. Definindo a largura com porcentagem a tabela irá ocupar a proporção da área de edição equivalente a porcentagem informada.
* '''Altura''' – a altura da tabela em pixels.
* '''Cabeçalho''' – opção que formata determinadas células da tabela como cabeçalhos aplicando uma formatação especial a elas. Estão disponíveis as opções '''Nenhum''', '''Primeira Linha''', '''Primeira Coluna''' ou '''Ambos'''.
* '''Borda''' – a espessura da borda da tabela em pixels.
* '''Alinhamento''' – o alinhamento da tabela na página. Estão disponíveis as opções: '''não ajustado''', '''Esquerda''', '''Centralizado''' e '''Direita'''.
* '''Espaçamento''' – o espaço entre células individuais e também as células e bordas da mesma, em pixels.
* '''Margem interna''' – o espaço entre a borda da célula e seu conteúdo, em pixels.
* '''Legenda''' – o título da tabela que é exibido acima da mesma.
* '''Resumo''' – o resumo do conteúdo da tabela que será disponibilizado para dispositivos de assistência, como leitores de tela, para torná-la mais acessível a usuários com deficiências visuais.

4. Após definir como será sua tabela, clique em '''OK'''.
|}
|-
| colspan=2; style="border:0px solid; vertical-align:top;" |
{| cellpadding="0" cellspacing="2" style="width:822px; vertical-align:top; text-align: right;"
| [[Imagem:Volt.png|link=Site Pronto]]
|}
|}