Adicionar uma tabela ao campo HTML

Este exemplo usa controles de campo HTML para formatar uma tabela em um artigo de conhecimento.

Por Que e Quando Desempenhar Esta Tarefa

Figura 1. Exemplo de tabela HTML

Para adicionar a tabela formatada a um artigo de conhecimento:

Procedimento

1. Navegar até Todos > Conhecimento > Editar e selecione o artigo a ser editado.
2. No campo HTML, posicione o cursor no local da tabela.
3. Clique no ícone de tabela, clique em Inserir tabelae selecione o número de linhas e colunas.

   

4. Conclua as etapas a seguir para editar as propriedades da tabela.
   1. Posicione o cursor na tabela, clique no ícone da tabela e selecione Propriedades da tabela.
   2. Insira os seguintes valores na guia Geral.
      • Largura: 75%
      • Espaçamento da célula: 3
      • Preenchimento da célula: 3
      • Borda: 1
      • Alinhamento: à esquerda
   3. Na guia Avançado, clique no campo de texto ao lado de Cor da borda e insira Cinza.
      A caixa do seletor de cores à direita fica cinza para indicar a cor que você inseriu. Você também pode clicar na caixa e selecionar a cor na paleta.
   4. Clique em OK.
5. Conclua as etapas a seguir para atualizar a linha da tabela de cabeçalho.
   1. Selecione as células na primeira linha da tabela, clique no ícone da tabela e selecione Linha > Propriedades da linha.
   2. Insira os seguintes valores na guia Geral.
      • Tipo de linha: cabeçalho
      • Alinhamento: central
   3. Na guia Avançado, insira #87cefa na caixa de texto ao lado de Cor de fundo para defini-la como azul claro.
   4. Clique em OK.
6. Para definir as propriedades da célula, conclua as etapas a seguir.
   1. Selecione todas as células da tabela na primeira coluna, exceto as células na linha do cabeçalho, clique no ícone da tabela e selecione Célula > Propriedades da célula.
   2. Insira os seguintes valores na guia Geral.
      • Alinhamento H: Esquerda
      • Alinhamento em V: superior
   3. Clique em OK.
   4. Repita essas etapas para as células da tabela na segunda coluna.
7. Para definir a cor de fundo da linha do meio, conclua as etapas a seguir.
   1. Posicione o cursor na linha intermediária da tabela, clique no ícone da tabela e selecione Linha > Propriedades da linha.
   2. Na guia Avançado, insira Prata na caixa de texto ao lado de Cor de plano de fundo para defini-la como a cor #c0c0c0.
   3. Clique em OK.
   Repita este procedimento para todas as outras linhas da tabela.
8. Para definir a largura da coluna, conclua as etapas a seguir.
   1. Clique na primeira coluna da tabela, clique no ícone de tabela e selecione Célula > Propriedades da célula.
   2. Na guia Geral, insira 30% no campo de texto Largura.
   3. Clique em OK.
9. Clique com o botão direito no cabeçalho do formulário e, em seguida, clique em Salvar.
10. Insira os dados nas células da tabela e salve o artigo.