Partilhar via

Introdução à Edição de Tabelas HTML no Visual Web Developer

  • Artigo

Você pode usar as tabelas HTML em suas páginas Web para definir o layout da página e para exibir o conteúdo em formato de colunas.O Visual Studio permite que você edite as tabelas HTML visualmente em modo de exibição Design ou como marcação em modo de exibição Source.

Edição de Tabela em Modo de Exibição Design

No modo de exibição Design, o designer da página Web fornece um editor de tabela que lhe permite editar tabelas HTML visualmente.Você pode adicionar uma tabela a uma página através da Caixa de Ferramentas ou usando uma caixa de diálogo que oferece opções para definir as propriedades da tabela e da célula.A tabela é exibida no designer como ele aparecerá no navegador.(Por padrão, o designer adiciona bordas visíveis ao redor da tabela para marcá-lo mais facilmente para edição, mesmo que sua tabela não esteja definida para exibir bordas.)

Observação:

Assim como em todos os elementos no designer da página Web, o editor de tabela cria uma marcação compatível com XHTML.Para obter mais informações, consulte XHTML no Visual Web Developer.

O editor de tabela permite que você selecione linhas, colunas ou células individuais e defina suas propriedades.Você também pode usar o editor para redimensionar colunas, linhas ou células.

Observação:

O editor de tabela permite que você edite as tabelas HTML (elementos table e seus elementos filho), mas não o controle Table do ASP.NET (elementos asp:table).Os controles Table do ASP.NET são mais frequentemente usados por programação, para criar exibição tabular e portanto não são geralmente usados para o layout na página.

Modelos de Layout de Tabela

Como as tabelas HTML são geralmente usadas para definir o layout dos elementos na página, o editor de tabela fornece um conjunto de modelos de layout pré-definidos.Quando você cria uma tabela, você tem a opção de selecionar layouts comuns, incluindo tabelas que definem o seguinte:

  • Uma célula para um cabeçalho e outra célula para o conteúdo principal.

  • Uma célula para o conteúdo principal e outra célula para conteúdo lateral.

  • Uma célula para o cabeçalho, uma célula para conteúdo lateral, uma célula para o rodapé e uma célula para o conteúdo principal.

Observação:

Quando você cria primeiro uma tabela que é baseada em um modelo pré-definido, a tabela não possui conteúdo, então ela deve ser desenhada diferentemente do que você espera.Teste seu layout de tabela, adicionando conteúdo.

Após criar uma tabela usando um modelo de layout, você pode personalizar o modelo para atender às necessidades de seu layout específico.

Edição de Tabela em Modo de Exibição Source

Você pode editar as tabelas HTML no modo de exibição Source como você editaria quaisquer elementos HTML.Por exemplo, o editor fornece o IntelliSense e a validação para os elementos da tabela, assim como ele faz para outros elementos.Os seguintes recursos do editor são especialmente úteis quando se trabalha com tabelas em modo de exibição Source:

Consulte também

Tarefas

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

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

Como: Redimensionar elementos da tabela HTML no Visual Web Developer