Como: Adicionar e remover tabela elementos HTML no Visual Web Developer

  • Artigo

Após criar uma tabela, você pode adicionar novos elementos, tais como linhas, colunas e células.Você também pode remover elementos existentes.

Adicionar uma tabela

  • Executar uma das etapas listadas na tabela a seguir.

    Tipo de Tabela

    Etapas

    Uma tabela sem definição de conteúdo e atributos

    • A partir do grupo HTML da Caixa de Ferramentas, arraste um elemento Table para a página.

      O Visual Studio cria uma tabela com três linhas e três colunas.

    Uma tabela com atributos que você especifica ao criá-la

    • No menu Layout, clique em Insert Table e depois especifique as opções da tabela e da célula na caixa de diálogo Insert Table.

Adicionar linhas, colunas ou células a uma tabela

  • Executar uma das etapas listadas na tabela a seguir.

    Elemento de tabela

    Etapas

    Uma linha dentro da tabela

    • Posicionar o ponto de inserção na linha ao lado do local onde você deseja inserir a nova linha; no menu Layout, clique em Insert e depois clique em Row Above ou Row Below.

      - ou -

      Clique com o botão direito do mouse em qualquer lugar na linha onde você deseja inserir uma nova linha, clique em Insert e depois clique em Row Above ou Row Below.

    Uma linha no final da tabela

    • Pressione a tecla TAB na última célula da tabela.

    Uma coluna

    • Posicione o ponto de inserção em uma célula na coluna ao lado do local onde você deseja inserir a nova coluna; no menu Layout, clique em Insert e depois clique em Column to the Right ou Column to the Left.

      - ou -

      Clique com o botão direito do mouse em qualquer lugar na coluna onde você deseja adicionar a nova coluna, clique em Insert e depois clique em Column to the Left ou Column to the Right.

    Uma célula

    Observação:
    O editor não impede você de criar uma tabela com números de células diferentes nas linhas.O editor não aumenta automaticamente uma célula para acomodar números de células diferentes em outras linhas

    • Posicionar o ponto de inserção na célula ao lado do local onde você deseja inserir a nova célula; no menu Layout, clique em Insert e depois clique em Cell to the Left ou Cell to the Right.

      - ou -

      Clique com o botão direito do mouse em qualquer lugar na coluna onde você deseja inserir a nova célula, clique em Insert e depois clique em Cell to the Left ou Cell to the Right.

Para adicionar um título para a tabela

  1. Selecionar a tabela à qual você deseja adicionar um título.

  2. No menu Layout, clique em Insert e depois clique em Caption

Mesclar Células de Tabela

Você pode combinar ou mesclar células para formar colunas ou linhas que sobreponham outras colunas.Por exemplo, em uma tabela com três colunas, você pode combinar as células na primeira linha para formar uma única linha que sobreponha todas as três colunas.

Para mesclar células de tabela

  1. Selecionar as células da tabela que você deseja mesclar.Para obter detalhes, consulte:Como: selecionar os elementos da tabela HTML e Sumário no Visual Web Developer.

    Observação:

    Você pode mesclar células da tabela somente se as células selecionadas formarem um retângulo.

  2. No menu Layout, clique em Merge Cells.

    - ou -

    Clique com o botão direito do mouse as células selecionadas da tabela e clique em Merge Cells.

    As células são mescladas em uma única célula com um atributo colspan ou rowspan adicionado a marcação, conforme apropriado.

Remover Elementos da Tabela

Remover qualquer elemento da tabela, exclui-o permanentemente da página.

Para remover uma tabela

  • No menu Layout, clique em Delete e em seguida, clique em Table

    - ou -

    Selecione a tabela e pressione a tecla DELETE.

Para remover uma linha ou coluna de uma tabela

  1. Posicione o ponto de inserção na linha ou coluna que você deseja remover.Se você estiver excluindo células, selecione a célula ou as células que você deseja excluir.Para obter detalhes, consulte:Como: selecionar os elementos da tabela HTML e Sumário no Visual Web Developer.

  2. No menu Layout, clique em Delete e depois clique em Row ou Column.

    - ou -

    Como alternativa, selecione a linha ou coluna da tabela que você deseja excluir e pressione BACKSPACE.

Para remover células de tabela

  1. Clique na célula ou nas células da tabela que você deseja excluir.Para obter detalhes, consulte:Como: selecionar os elementos da tabela HTML e Sumário no Visual Web Developer.

  2. No menu Layout, clique em Delete e em seguida, clique em Cells

    - ou -

    Como alternativa, selecione a célula ou as células da tabela que você deseja excluir e pressione BACKSPACE.

Consulte também

Tarefas

Como: selecionar os elementos da tabela HTML e Sumário no Visual Web Developer

Como: Redimensionar elementos da tabela HTML no Visual Web Developer