Posicione o ponto de inserção onde deseja que a tabela apareça.
Última atualização em
27/04/2021
Saiba como usar tabelas para apresentar o conteúdo de seu site. Além disso, aprenda a dividir e mesclar células da tabela e importar e exportar dados tabulares.
As tabelas são uma ferramenta poderosa para apresentar dados tabulares em uma página HTML. Uma tabela consiste em uma ou mais linhas; cada linha é formada por uma ou mais células. Embora as colunas geralmente não sejam especificadas explicitamente no código HTML, o Dreamweaver permite manipular colunas, bem como linhas e células.
Nota
É recomendável que você não use tabelas para definir o layout de sua página da Web.Experimente os modelos iniciais (Arquivo > Novo > Modelos iniciais) para começar com layouts pré-projetados. É possível inserir seu próprio texto e imagens nesses layouts e estilizá-los usando CSS.
Precedência de formatação de tabela em HTML
Ao formatar tabelas na Visualização de design, você pode definir propriedades para a tabela inteira ou para linhas, colunas ou células selecionadas da tabela. Quando uma propriedade, como alinhamento ou cor de fundo, é definida como um valor para a tabela inteira e outro valor para células individuais, a formatação da célula tem precedência sobre a formatação da linha, que, por sua vez, tem precedência sobre a formatação da tabela.
A ordem de precedência da formatação da tabela é a seguinte:
- Células
- Linhas
- Tabela
Por exemplo, se você definir a cor do fundo de uma única célula como azul e depois definir a cor do fundo de toda a tabela como amarela, a célula azul não mudará para amarela, pois a formatação da célula tem precedência sobre a formatação da tabela.
Nota
Quando você define propriedades em uma coluna, o Dreamweaver altera os atributos da tag td correspondente a cada célula da coluna.
Sobre divisão e mesclagem de células de tabela
É possível mesclar qualquer número de células adjacentes, desde que toda a seleção seja uma linha ou um retângulo de células, para produzir uma única célula que abranja várias colunas ou linhas. É possível dividir uma célula em qualquer número de linhas ou colunas, independentemente de ter sido mesclada anteriormente. O Dreamweaver reestrutura automaticamente a tabela (adicionando os atributos colspan ou rowspan necessários) para criar o arranjo especificado.
No exemplo a seguir, as células no meio das duas primeiras linhas foram mescladas em uma única célula que abrange duas linhas.
Inserir uma tabela e adicionar conteúdo
Use o painel Inserir ou o menu Inserir para criar uma nova tabela. Em seguida, adicione texto e imagens às células da tabela da mesma forma que adiciona texto e imagens fora de uma tabela.
Nota
Se o documento estiver em branco, será possível posicionar o ponto de inserção apenas no início do documento.
Selecione Inserir > Tabela.
Na categoria HTML do painel Inserir, clique em Tabela.
Defina os atributos da caixa de diálogo Tabela e clique em OK para criar a tabela.
Linhas
Determina o número de linhas de tabela.
Colunas
Determina o número de colunas de tabela.
Largura da tabela
Especifica a largura da tabela em pixels ou como uma porcentagem da largura da janela do navegador.
Espessura da borda
Especifica a largura, em pixels, das bordas da tabela.
Espaçamento da célula
Determina o número de pixels entre as células de tabela adjacentes.
Nota
Quando você não atribui explicitamente valores para espessura de tabela ou espaçamento e preenchimento de célula, a maioria dos navegadores exibe a espessura da borda da tabela e o preenchimento da célula definidos como 1 e o espaçamento da célula definido como 2. Para garantir que os navegadores exibirão a tabela sem borda, preenchimento ou espaçamento, defina Preenchimento da célula e Espaçamento da célula como 0.
Preenchimento da célula
Determina o número de pixels entre a borda de uma célula e seu conteúdo.
Nenhum
Não ativa cabeçalhos de coluna ou linha para a tabela.
À esquerda
Faz da primeira coluna da tabela uma coluna para títulos, para que seja possível inserir um título para cada linha da tabela.
Superior
Faz da primeira linha da tabela uma linha para títulos, para que seja possível inserir um título para cada coluna da tabela.
Ambos
Permite que você digite cabeçalhos de coluna e linha na tabela.
Nota
É recomendável usar cabeçalhos caso algum visitante do seu site use leitor de tela. Os leitores de tela leem os cabeçalhos da tabela e ajudam os usuários de leitores de tela a controlar as informações da tabela.
Legenda
Fornece um título de tabela que é exibido fora da tabela.
Resumo
Fornece uma descrição de tabela. Os leitores de tela leem o texto do resumo, mas o texto não aparece no navegador do usuário.
Importar e exportar tabelas
É possível importar dados tabulares criados em outro aplicativo (como o Microsoft Excel) e salvos em formato de texto delimitado (com itens separados por tabulações, vírgulas, dois-pontos ou ponto e vírgula) para o Dreamweaver e formatá-los como tabela.
Também é possível exportar dados de tabela do Dreamweaver para um arquivo de texto, com o conteúdo de células adjacentes separado por um delimitador.É possível usar vírgulas, dois-pontos, ponto e vírgula ou espaços como delimitadores.Ao exportar uma tabela, a tabela inteira é exportada; não é possível selecionar partes de uma tabela para exportar.
Nota
Se quiser apenas alguns dados de uma tabela—por exemplo, as primeiras seis linhas ou as primeiras seis colunas—copie as células que contêm esses dados, cole essas células fora da tabela (para criar uma nova tabela) e exporte a nova tabela.
Importação de dados de tabela
Selecione Arquivo > Importar > Importar dados tabulares.
Especifique as opções dos dados tabulares e clique em OK.
Arquivo de dados
O nome do arquivo a ser importado. Clique no botão Procurar para selecionar um arquivo.
Delimitador
O delimitador usado no arquivo que você está importando.
Se você selecionar Outro, uma caixa de texto aparecerá à direita do menu pop-up. Digite o delimitador usado no arquivo.
Nota
especifique o delimitador usado quando o arquivo de dados foi salvo. Se você não fizer isso, o arquivo não será importado corretamente e os dados não serão corretamente formatados em uma tabela.
Largura da tabela
A largura da tabela.
Selecione Ajustar aos dados para aumentar suficientemente cada coluna para que caiba a sequência de texto mais longa.
Selecione Definir para especificar uma largura de tabela fixa em pixels ou como uma porcentagem da largura da janela do navegador.
Borda
Especifica a largura, em pixels, das bordas da tabela.
Preenchimento da célula
O número de pixels entre o conteúdo de uma célula e os limites da célula.
Espaçamento da célula
O número de pixels entre as células de tabela adjacentes.
Nota
Se você não atribuir explicitamente valores para bordas, espaçamento de célula e preenchimento de célula, a maioria dos navegadores exibirá a tabela com as bordas e o preenchimento da célula definidos como 1, e o espaçamento da célula definido como 2. Para garantir que os navegadores exibirão a tabela sem preenchimento ou espaçamento, defina Preenchimento da célula e Espaçamento da célula como 0. Para visualizar os limites da célula e da tabela quando a borda estiver definida como 0, selecione Exibir > Auxílios visuais > Bordas da tabela.
Formatar linha superior
Determina qual formatação, se houver, é aplicada à linha superior da tabela.Selecione entre quatro opções de formatação: sem formatação, negrito, itálico ou negrito itálico.
Exportação de uma tabela
Posicione o ponto de inserção em qualquer célula da tabela.
Selecione Arquivo > Exportar > Tabela.
Especifique as seguintes opções:
Delimitador
Especifica qual caractere delimitador deve ser usado para separar itens no arquivo exportado.
Quebras de linha
Especifica em qual sistema operacional você abrirá o arquivo exportado: Windows, Macintosh ou UNIX.(Diferentes sistemas operacionais têm diferentes formas de indicar o fim de uma linha de texto.)
Clique em Exportar.
Digite um nome para o arquivo e clique em Salvar.
Seleção de elementos de tabela
É possível selecionar uma tabela, linha ou coluna inteira de uma vez.Também é possível selecionar uma ou mais células individuais.
Quando você move o ponteiro sobre uma tabela, linha, coluna ou célula, o Dreamweaver destaca todas as células nessa seleção para que você saiba quais células serão selecionadas.Isso é útil quando você tem tabelas sem bordas, células que abrangem múltiplas colunas ou linhas, ou tabelas aninhadas.É possível alterar a cor de destaque nas preferências.
Nota
Se posicionar o ponteiro sobre a borda de uma tabela e mantiver pressionada a tecla Control (Windows) ou Command (Macintosh), toda a estrutura da tabela—ou seja, todas as células da tabela—será destacada.Isso é útil quando você tem tabelas aninhadas e quer ver a estrutura de uma das tabelas.
Seleção de uma tabela inteira
Faça uma das seguintes ações para selecionar uma tabela:
- Clique no canto superior esquerdo da tabela para selecioná-la.
- Clique em uma célula da tabela e selecione a tag no seletor de tag no canto inferior esquerdo da janela Documento.
- Clique em uma célula de tabela, clique no menu de cabeçalho de tabela e selecione Selecionar tabela. As alças de seleção aparecem nas bordas inferior e direita da tabela selecionada.
- Clique em uma célula da tabela e selecione Editar > Tabela > Selecionar tabela.
Selecione linhas ou colunas individuais ou múltiplas
Posicione o ponteiro na
borda esquerda de uma linha ou na borda superior de uma coluna.
Quando o ponteiro se transformar em uma seta de seleção, clique
para selecionar uma linha ou coluna, ou arraste para selecionar múltiplas linhas ou colunas.
Seleção de uma única coluna
Clique na coluna.
Clique
no menu do cabeçalho da coluna e escolha Selecionar coluna.
Seleção de uma única célula
Siga um destes procedimentos:
- Clique na célula e selecione a tag <td> no seletor de tags no canto inferior esquerdo da janela Documento.
- Mantenha pressionada a tecla Control (Windows) ou Command (Macintosh) na célula.
Selecione uma linha ou um bloco retangular de células
Siga um destes procedimentos:
Arraste de uma célula para outra célula.
Clique em uma célula, mantenha pressionada a tecla Control (Windows) ou a tecla Command (Macintosh) enquanto clica na mesma célula para selecioná-la e mantenha pressionada a tecla Shift enquanto clica em outra célula.
Seleção de células não adjacentes
Mantenha pressionada a tecla Ctrl (Windows) ou Command (Macintosh)
e clique nas células, linhas ou colunas que deseja selecionar.
Se cada célula, linha ou coluna em que você pressionar Ctrl ou Command não estiver selecionada, ela será adicionada à seleção. Se já estiver selecionada, será removida da seleção.
Alterar a cor de realce dos elementos da tabela
Selecione
Editar > Preferências (Windows) ou Dreamweaver >
Preferências (Macintosh).
Selecione Realce na lista de categorias à esquerda,
faça uma das alterações a seguir e clique em OK.
Para alterar a cor de realce dos elementos de tabela, clique na caixa de cor de Passar o mouse, selecione a cor de realce usando o seletor de cores (ou digite o valor hexadecimal para a cor de realce na caixa de texto).
Para ativar ou desativar o realce dos elementos de tabela, marque ou desmarque a opção Mostrar de Passar o mouse.
Nota
Essas opções afetam todos os objetos que o Dreamweaver realça quando você move o ponteiro sobre eles.
Definição das propriedades da tabela
Você pode usar o Inspetor de propriedades para editar tabelas.
Selecione uma tabela.
No Inspetor de propriedades (Janela > Propriedades),
altere as propriedades conforme necessário.
ID da tabela
Uma identificação da tabela.
Linhas e colunas
O número de linhas e colunas da tabela.
L
A largura da tabela em pixels ou como uma porcentagem da largura da janela do navegador.
Nota
Você normalmente não precisa definir a altura de uma tabela.
PreenchCélula
O número de pixels entre o conteúdo de uma célula e as bordas da célula.
EspaçoCélula
O número de pixels entre as células de tabela adjacentes.
Alinhar
Determina onde a tabela aparecerá em relação a outros elementos no mesmo parágrafo, como texto ou imagens.
À esquerda alinha a tabela à esquerda dos outros elementos (a fim de que o texto no mesmo parágrafo seja disposto ao redor da tabela à direita); À direita alinha a tabela à direita dos outros elementos (com o texto disposto ao redor dela à esquerda) e Centralizado centraliza a tabela (com o texto exibido acima e/ou abaixo da tabela). Padrão indica que o navegador deve usar o alinhamento padrão.
Nota
Quando o alinhamento for definido como Padrão, o outro conteúdo não será exibido ao lado da tabela. Para exibir uma tabela ao lado do outro conteúdo, use o alinhamento À esquerda ou À direita.
Borda
Especifica a largura, em pixels, das bordas da tabela.
Nota
Se você não atribuir explicitamente valores para a borda, o espaçamento de célula e o preenchimento de célula, a maioria dos navegadores exibirá a tabela com a borda e o preenchimento da célula definidos como 1, e o espaçamento da célula definido como 2. Para garantir que os navegadores exibirão a tabela sem preenchimento ou espaçamento, defina Borda, Preenchimento da célula e Espaçamento da célula como 0. Para visualizar os limites da célula e da tabela quando a borda estiver definida como 0, selecione Exibir > Auxílios visuais > Bordas da tabela.
Classe
define a classe CSS na tabela.
Nota
talvez seja necessário expandir o inspetor Propriedades da tabela para ver as opções a seguir. Para expandir o inspetor Tabela de propriedades, clique na seta de expansão, no canto inferior direito.
Limpar larguras de coluna e Limpar alturas de linha
e Limpar alturas das linhas excluem todos os valores de largura de coluna ou altura de linha explicitamente especificados na tabela.
Converter larguras da tabela em pixels
e Converter alturas da tabela em pixels definem a largura ou altura de cada coluna na tabela para sua largura atual em pixels (também define a largura de toda a tabela para sua largura atual em pixels).
Converter larguras da tabela em porcentagem
e Converter alturas da tabela em porcentagem definem a largura ou altura de cada coluna na tabela para sua largura atual expressa como uma porcentagem da largura da janela do documento (também define a largura de toda a tabela para sua largura atual como uma porcentagem da largura da janela do documento).
Se você inseriu um valor em uma caixa de texto, pressione Tab ou Enter (Windows) ou Return (Macintosh) para aplicar o valor.
Definição das propriedades da célula, linha ou coluna
Você pode usar o inspetor de propriedades para editar células e linhas em uma tabela.
Selecione a coluna ou linha.
No Inspetor de propriedades (Janela > Propriedades), defina as seguintes opções:
Horz
Especifica o alinhamento horizontal do conteúdo de uma célula, linha ou coluna. Você pode alinhar o conteúdo à esquerda, à direita ou ao centro das células, ou pode indicar que o navegador deve usar seu alinhamento padrão (geralmente à esquerda para células regulares e ao centro para células de cabeçalho).
Vert
Especifica o alinhamento vertical do conteúdo de uma célula, linha ou coluna. Você pode alinhar o conteúdo na parte superior, central, inferior ou na linha de base das células, ou indicar que o navegador deve usar seu alinhamento padrão (geralmente central).
L e A
A largura e a altura das células selecionadas em pixels ou como uma porcentagem da largura ou altura da tabela inteira. Para especificar uma porcentagem, insira o símbolo de porcentagem (%) após o valor. Para permitir que o navegador determine a largura ou altura apropriada com base no conteúdo da célula, e as larguras e alturas das outras colunas e linhas, deixe o campo em branco (o padrão).
Por padrão, um navegador escolhe uma altura de linha ou largura de coluna para acomodar, e a imagem mais larga ou a linha mais longa em uma coluna. É por isso que, às vezes, uma coluna se torna muito mais larga que as outras colunas da tabela quando você adiciona conteúdo a ela.
Nota
É possível especificar uma altura como porcentagem da altura total da tabela, mas a linha pode não ser exibida na altura percentual especificada nos navegadores.
Fundo
A cor do fundo para uma célula, coluna ou linha, escolhida com o seletor de cores.
Mesclar células
Combina as células, linhas ou colunas selecionadas em uma única célula. Você pode mesclar as células somente se elas formarem um bloco retangular ou linear.
Dividir célula
Divide uma célula, criando duas ou mais células. Você pode dividir apenas uma célula por vez; este botão fica desabilitado se mais de uma célula estiver selecionada.
Sem quebra de linha
Impede a quebra de linha, mantendo todo o texto em uma determinada célula em uma única linha. Se Sem quebra de linha estiver habilitado, as células se alargam para acomodar todos os dados conforme você os digita ou cola em uma célula.(Normalmente, as células se expandem horizontalmente para acomodar a palavra mais longa ou a imagem mais larga na célula, depois se expandem verticalmente conforme necessário para acomodar outro conteúdo.)
Cabeçalho
Formata as células selecionadas como células de cabeçalho de tabela. O conteúdo das células de cabeçalho de tabela fica em negrito e centralizado por padrão.
Nota
Você pode especificar larguras e alturas como pixels ou porcentagens, e pode converter de pixels para porcentagens e vice-versa.
Nota
Quando você define propriedades em uma coluna, o Dreamweaver altera os atributos da tag td correspondente a cada célula na coluna. Quando você define determinadas propriedades para uma linha, entretanto, o Dreamweaver altera os atributos da tag tr em vez de alterar os atributos de cada tag td na linha. Quando você está aplicando o mesmo formato a todas as células em uma linha, aplicar o formato à tag tr produz código HTML mais limpo e conciso.
Pressione Tab ou Enter (Windows) ou Return (Macintosh) para aplicar o valor.
Formatação de tabelas e células
Você pode alterar a aparência de tabelas definindo propriedades para a tabela e suas células ou aplicando um design predefinido à tabela. Antes de definir propriedades de tabela e célula, saiba que a ordem de precedência para formatação é células, linhas e tabelas.
Nota
Para formatar o texto dentro de uma célula de tabela, use os mesmos procedimentos que você usaria para formatar texto fora de uma tabela.
Alterar o formato de uma tabela, linha, célula ou coluna
Selecione uma tabela, célula, linha ou coluna.
No inspetor de propriedades (Janela > Propriedades), clique na seta expansora no canto inferior direito e altere as propriedades conforme necessário.
Altere as propriedades quando necessário.
Para mais informações sobre as opções, clique no ícone Ajuda no Inspetor de propriedades.
Nota
Quando você define propriedades em uma coluna, o Dreamweaver altera os atributos da tag td correspondente a cada célula na coluna. Quando você define determinadas propriedades para uma linha, entretanto, o Dreamweaver altera os atributos da tag tr em vez de alterar os atributos de cada tag td na linha. Quando você está aplicando o mesmo formato a todas as células em uma linha, aplicar o formato à tag tr produz código HTML mais limpo e conciso.
Adicionar ou editar valores de acessibilidade para uma tabela na visualização Código
Edite os atributos apropriados no
código.
Nota
Para localizar rapidamente as tags no código, clique na tabela, depois selecione a tag <table> no seletor de tags na parte inferior da janela do Documento.
Adicionar ou editar valores de acessibilidade para uma tabela na visualização Design
- Para editar a legenda da tabela,
destaque a legenda e digite uma nova legenda.
Para editar o alinhamento da legenda, coloque o ponto de inserção na legenda da tabela, clique com o botão direito (Windows) ou clique com Control (Macintosh) e selecione Editar código do tag.
Para editar o resumo da tabela, selecione a tabela, clique com o botão direito do mouse (Windows) ou clique com a tecla Control pressionada (Macintosh) e selecione Editar código da tag.
Redimensionamento de tabelas, colunas e linhas
Redimensionamento de tabelas
Você pode redimensionar uma tabela inteira ou linhas e colunas individuais. Quando você redimensiona uma tabela inteira, todas as células da tabela alteram o tamanho proporcionalmente. Se as células de uma tabela tiverem larguras ou alturas específicas definidas, o redimensionamento da tabela altera o tamanho visual das células na janela do Documento, mas não altera as larguras e alturas especificadas das células.
Você pode redimensionar uma tabela arrastando uma de suas alças de seleção. Dreamweaver exibe a largura da tabela, junto com um menu de cabeçalho da tabela, na parte superior ou inferior da tabela quando ela está selecionada ou quando o ponto de inserção está na tabela.
Às vezes, as larguras das colunas definidas no código HTML não correspondem às larguras aparentes na tela. Quando isso acontece, você pode tornar as larguras consistentes. As larguras das tabelas e colunas e os menus de cabeçalho aparecem no Dreamweaver para ajudar você a organizar suas tabelas; você pode habilitar ou desabilitar as larguras e menus conforme necessário.
Redimensionamento de colunas e linhas
Você pode alterar a largura de uma coluna ou a altura de uma linha no Inspetor de propriedades ou arrastando as bordas da coluna ou linha. Se você tiver problemas para redimensionar, você pode limpar as larguras das colunas ou alturas das linhas e começar novamente.
Nota
Você também pode alterar as larguras e alturas das células diretamente no código HTML usando a visualização Código.
O Dreamweaver exibe larguras das colunas, junto com os menus de cabeçalho das colunas, na parte superior ou inferior das colunas quando a tabela está selecionada ou o ponto de inserção está na tabela; você pode habilitar ou desabilitar os menus de cabeçalho das colunas conforme necessário.
Redimensionamento de uma tabela
Selecione a tabela. Se você estiver na Visualização dinâmica, a Exibição do elemento é mostrada quando você seleciona a tabela. Clique no ícone de sanduíche para entrar no modo de formatação de tabela.
Para redimensionar a tabela horizontalmente, arraste a alça de seleção à direita.
Para redimensionar a tabela verticalmente, arraste a alça de seleção na parte inferior.
Para redimensionar a tabela nas duas dimensões, arraste a alça de seleção no canto inferior direito.
Para sair do modo de formatação de tabela na Visualização dinâmica, pressione Esc ou clique fora da tabela. Você pode usar as opções do menu Editar > Tabela para modificar a tabela ainda mais.
Observação: as opções no menu Editar > Tabela variam conforme o tipo de seleção, que pode ser de uma tabela inteira ou apenas uma célula. Na Visualização dinâmica, a Exibição do elemento mostra “table” quando uma tabela inteira é selecionada e “td” quando uma célula específica é selecionada. Para alternar do modo de formatação de célula para o modo de formatação de tabela, clique na borda da tabela.
Alterar a largura de uma coluna e manter a largura geral da tabela
Na visualização Design, arraste a borda direita da coluna que deseja alterar.
A largura da coluna adjacente também é alterada, então você redimensiona duas colunas. O feedback visual mostra como as colunas serão ajustadas; a largura geral da tabela não é alterada.
Nota
Em tabelas com larguras baseadas em porcentagem (não pixels), se você arrastar a borda direita da coluna mais à direita, a largura de toda a tabela muda, e todas as colunas ficam mais largas ou estreitas proporcionalmente.
Alterar a largura de uma coluna e manter o tamanho das outras colunas
Na visualização Design, mantenha pressionada a tecla Shift e arraste a borda da coluna.
A largura de uma coluna é alterada. O feedback visual mostra como as colunas se ajustarão; a largura geral da tabela muda para acomodar a coluna que você está redimensionando.
Alteração visual da altura de uma linha
Arraste a borda inferior da linha.
Tornar as larguras das colunas no código consistentes com as larguras visuais
Clique em uma célula.
Clique no menu do cabeçalho da tabela e selecione Tornar todas as larguras consistentes.
O Dreamweaver redefine a largura especificada no código para corresponder à largura visual.
Limpar todas as larguras ou alturas definidas em uma tabela
Selecione a tabela.
Siga um destes procedimentos:
Selecione Editar > Tabela > Limpar larguras das células ou Editar > Tabela > Limpar alturas das células.
No Inspetor de propriedades, (Janela > Propriedades), clique no botão Limpar alturas das linhas
ou no botão Limpar larguras das colunas 
.Clique no menu do cabeçalho da tabela e selecione Limpar todas as alturas ou Limpar todas as larguras.
Limpeza da largura definida de uma coluna
Clique na coluna, clique no
menu do cabeçalho da coluna e selecione Limpar largura da coluna.
Ativar ou desativar larguras e menus de tabela e coluna na visualização Design
Selecione Exibição > Opções da exibição de design > Auxílios visuais > Larguras da tabela.
Adição e remoção de linhas e colunas
Para adicionar e remover linhas e colunas, use o menu Modificar > Tabela ou cabeçalho da coluna.
Nota
Ao pressionar Tab na última célula de uma tabela, outra linha é adicionada automaticamente à tabela.
Adição de uma única linha ou coluna
Clique em uma célula e siga um destes procedimentos:
Selecione Editar > Tabela > Inserir linha ou Editar > Tabela > Inserir coluna.
Uma linha aparecerá acima do ponto de inserção ou uma coluna aparecerá à esquerda do ponto de inserção.
Clique no menu de cabeçalho de coluna e selecione Inserir coluna à esquerda ou Inserir coluna à direita.
Adição de várias linhas ou colunas
Clique em uma célula.
Selecione Editar > Tabela > Inserir linhas ou colunas, preencha a caixa de diálogo e clique em OK.
Inserir
Indica se as linhas ou colunas serão inseridas ou não.
Número de linhas ou número de colunas
O número de linhas ou colunas a ser inserido.
Onde
Especifica se as novas linhas ou colunas devem aparecer antes ou depois da linha ou coluna da célula selecionada.
Exclusão de uma linha ou coluna
Siga um destes procedimentos:
Clique em uma célula dentro da linha ou coluna que deseja excluir e selecione Editar > Tabela > Excluir linha ou Editar > Tabela > Excluir coluna.
Selecione uma linha ou coluna completa e pressione Delete.
- No Inspetor de propriedades (Janela > Propriedades), siga destes procedimentos:
- Para adicionar ou excluir linhas, aumente ou diminuir o valor Linhas.
- Para adicionar ou excluir colunas, aumente ou diminua o valor Colunas.
Nota
O Dreamweaver não avisa se você estiver excluindo linhas e colunas que contêm dados.
Divisão e mesclagem de células
Use o Inspetor de propriedades ou as opções no submenu Editar > Tabela para dividir ou mesclar células.
Mesclagem de duas ou mais células em uma tabela
Selecione as células em uma linha contígua
e na forma de um retângulo.
Na ilustração a seguir, a seleção é um retângulo de células, então as células podem ser mescladas.
Na ilustração seguinte, a seleção não é um retângulo, portanto as células não podem ser mescladas.
Siga um destes procedimentos:
Selecione Editar > Tabela > Mesclar células.
No inspetor de propriedades HTML expandido (Janela > Propriedades), clique em Mesclar células.
Nota
Se você não conseguir ver o botão, clique na seta de expansão no canto inferior direito do inspetor de propriedades para ver todas as opções.
O conteúdo das células individuais é colocado na célula mesclada resultante. As propriedades da primeira célula selecionada são aplicadas à célula mesclada.
Divisão de uma célula
Clique na célula e faça uma das
seguintes ações:
Selecione Editar > Tabela > Dividir célula.
No inspetor de propriedades HTML expandido (Janela > Propriedades), clique em Dividir célula.
Nota
Se o botão não for exibido, clique na seta do expansor, no canto inferior direito do Inspetor de propriedades, para ver todas as opções.
Na caixa de diálogo Dividir célula, especifique como dividir a
célula:
Dividir célula em
Especifica se a célula será dividida em linhas ou colunas.
Número de linhas/Número de colunas
Especifica em quantas linhas ou colunas dividir a célula.
Aumentar ou diminuir o número de linhas ou colunas abrangidas por uma célula
Siga um destes procedimentos:
Selecione Editar > Tabela > Aumentar expansão de linha ou Editar > Tabela > Aumentar expansão de coluna.
Selecione Editar > Tabela > Diminuir expansão de linha ou Editar > Tabela > Diminuir expansão de coluna.
Cópia, colagem e exclusão de células
Você pode copiar, colar ou excluir uma única célula de tabela ou múltiplas células de uma vez, preservando a formatação das células.
Você pode colar células no ponto de inserção ou no lugar de uma seleção em uma tabela existente. Para colar múltiplas células de tabela, o conteúdo da área de transferência deve ser compatível com a estrutura da tabela ou a seleção na tabela em que as células serão coladas.
Recorte ou cópia das células de tabela
Selecione uma ou mais células em uma linha contígua
e no formato de um retângulo.
Na ilustração seguinte, a seleção é um retângulo de células, portanto as células podem ser recortadas ou copiadas.
Na ilustração seguinte, a seleção não é um retângulo, portanto as células não podem ser recortadas ou copiadas.
Selecione Editar > Recortar ou Editar > Copiar.
Nota
Se você selecionou uma linha ou coluna inteira e selecionar Editar > Recortar, a linha ou coluna inteira é removida da tabela (não apenas o conteúdo das células).
Colagem das células de tabela
Selecione o local onde você deseja colar as células:
Para substituir as células existentes pelas células que você está colando, selecione um conjunto de células existentes com o mesmo layout das células na área de transferência. (Por exemplo, se você copiou ou recortou um bloco de células de 3 x 2, poderá selecionar outro bloco de células de 3 x 2 a ser substituído pela colagem.)
Para colar uma linha completa de células acima de uma célula específica, clique nessa célula.
Para colar uma coluna completa de células à esquerda de uma célula específica, clique nessa célula.
Nota
Se você tiver menos de uma linha ou coluna completa de células na área de transferência, e clicar em uma célula e colar as células da área de transferência, a célula em que você clicou e suas vizinhas possivelmente serão substituídas (dependendo do local dela na tabela) pelas células que estão sendo coladas.
- Para criar uma nova tabela com as células coladas, coloque o ponto de inserção fora da tabela.
Selecione Editar > Colar.
Se você está colando linhas ou colunas inteiras em uma tabela existente, as linhas ou colunas são adicionadas à tabela. Se você está colando uma célula individual, o conteúdo da célula selecionada é substituído.Se você está colando fora de uma tabela, as linhas, colunas ou células são usadas para definir uma nova tabela.
Remover conteúdo da célula mas deixar as células intactas
Selecione uma ou mais células.
Nota
Certifique-se de que a seleção não consiste inteiramente de linhas ou colunas completas.
Pressione Excluir.
Nota
Se apenas linhas ou colunas completas estiverem selecionadas quando você selecionar Editar > Limpar ou pressionar Excluir, as linhas ou colunas inteiras—não apenas seu conteúdo—serão removidas da tabela.
Excluir linhas ou colunas que contêm células mescladas
Selecione a linha ou coluna.
Selecione Editar > Tabela > Excluir linha ou Editar > Tabela > Excluir coluna.
Aninhamento de tabelas
Uma tabela aninhada é uma tabela dentro de uma célula de outra tabela.Você pode formatar uma tabela aninhada como faria com qualquer outra tabela; porém, a largura é limitada pela largura da célula em que aparece.
Clique em uma célula da tabela existente.
Selecione Inserir > Tabela, defina as opções Inserir tabela
e clique em OK.
Ordenação de tabelas
Você pode classificar as linhas de uma tabela com base no conteúdo de uma única coluna. Você também pode executar uma classificação de tabela mais complicada com base no conteúdo de duas colunas.
Não é possível classificar tabelas que contêm atributos colspan ou rowspan—ou seja, tabelas que contêm células mescladas.
Selecione a tabela ou clique em qualquer célula.
Selecione Editar > Tabela > Classificar tabela, defina as opções na caixa de diálogo e clique em OK.
Ordenar por
Determina quais valores de coluna serão usados para classificar as linhas da tabela.
Ordem
Determina se a coluna deve ser classificada alfabeticamente ou numericamente e se deve ser classificada em ordem crescente (A a Z, números menores para números maiores) ou decrescente.
Quando o conteúdo de uma coluna for números, selecione Numericamente.Uma ordenação alfabética aplicada a uma lista de números de um e dois dígitos faz com que os números sejam ordenados como se fossem palavras (resultando em uma ordenação como 1, 10, 2, 20, 3, 30) em vez de serem ordenados como números (resultando em uma ordenação como 1, 2, 3, 10, 20, 30).
Depois, por/Ordem
Determina a ordem de classificação para uma classificação secundária em uma coluna diferente.Especifique a coluna de classificação secundária no menu pop-up Em seguida por e a ordem de classificação secundária nos menus pop-up Ordem.
Ordenação inclui a primeira linha
Especifica que a primeira linha da tabela deve ser incluída na classificação.Se a primeira linha for um título que não deve ser movido, não selecione esta opção.
Ordenar linhas do cabeçalho
Especifica classificar todas as linhas na seção thead da tabela (se houver) usando os mesmos critérios das linhas do corpo.(Observe que as linhas thead permanecem na seção thead e ainda aparecem na parte superior da tabela mesmo após a classificação.)Para obter informações sobre a tag thead, consulte o painel Referência (selecione Ajuda > Referência).
Ordenar linhas do rodapé
Especifica classificar todas as linhas na seção tfoot da tabela (se houver) usando os mesmos critérios das linhas do corpo.(Observe que as linhas tfoot permanecem na seção tfoot e ainda aparecem na parte inferior da tabela mesmo após a classificação.)Para obter informações sobre a tag tfoot, consulte o painel Referência (selecione Ajuda > Referência).
Manter todas as cores de linha inalteradas após a ordenação
Especifica que os atributos da linha da tabela (como cor) devem permanecer associados ao mesmo conteúdo após a classificação.Se as linhas da tabela estiverem formatadas com duas cores alternadas, não selecione esta opção para garantir que a tabela classificada ainda tenha linhas com cores alternadas.Se os atributos de linha forem específicos ao conteúdo de cada linha, selecione esta opção para garantir que esses atributos permaneçam associados às linhas corretas na tabela classificada.
Criar belos sites no Dreamweaver
Crie, codifique e gerencie sites dinâmicos com uma ferramenta completa e eficiente.
