Mesclando células. Lição HTML

25.08.2023

Agora preste muita atenção enquanto passamos para o tópico mais difícil de todos, que envolve a criação de tabelas. Estamos falando sobre como combinar células em uma tabela HTML.

Quando você resolve problemas semelhantes em alguns editor de texto, por exemplo, o mais comum é o Word, então ele faz quase tudo sozinho, basta apertar o botão apropriado. Mas se falamos em resolver esse problema em HTML, então tudo é diferente aqui. E se você estiver atento, a tarefa não parecerá tão difícil.

Mesclando células em linhas

Em primeiro lugar, mostraremos como combinar linhas em uma tabela em HTML. O atributo vai ajudar nisso colspan, que funciona com tags como E .

Por exemplo, você atribui o valor a este atributo 2 . Como resultado, a célula à qual a tag pertence aumenta na direção horizontal exatamente 2 vezes, deslocando o vizinho. Mas a célula deslocada não vai a lugar nenhum, ela está presente na tabela, apenas em uma coluna completamente nova que precisa ser removida.

Vamos praticar como isso é feito. Então vamos começar. Vamos tentar criar uma tabela como esta:

De acordo com as regras descritas acima, precisamos criar uma linha, adicionar uma célula simples e, na mesma linha, adicionar uma célula que substituirá duas células simples.
Na próxima linha, precisamos apenas adicionar três células simples. Parece fácil, vamos colocar nossos pensamentos em código:

1 2
3 4 5

É isso! Não é grande coisa!

Mesclando células em colunas

É um pouco mais difícil combinar células na direção vertical do que na direção horizontal. Este problema é resolvido usando o atributo extensão de linha, que é atribuído às tags ou .

Se este atributo estiver definido como 2 , a célula aumenta de tamanho verticalmente e se estende para a próxima linha. A célula abaixo daquela que aumenta de tamanho vai para a direita, o que novamente cria uma coluna extra. E para removê-lo, basta deletar a célula.

Vamos agora criar a seguinte tabela:

Vamos pensar no que precisamos fazer. Precisamos adicionar uma célula que ocupe 2 vezes mais espaço vertical do que uma simples. em seguida, adicione duas células simples na mesma linha.
Vamos para a próxima linha. Aqui temos um espaço já ocupado pela célula de cima. Vamos passar para a próxima seção e ver que tudo o que precisamos fazer nesta linha é adicionar duas células simples. Vamos colocar isso em código:

1 2 3
4 5

Novamente, nada complicado.

União simultânea vertical e horizontal em uma mesa

Em situações reais, tabelas deste tipo são encontradas com muita frequência. Experimente você mesmo, usando o raciocínio que sugerimos, para criar a seguinte tabela usando código HTML:

Se ainda assim não funcionar, aqui está a resposta:

Imposto especial sobre o consumo de gasóleo
Produtos Taxa de imposto
de 01/01 a 31/01/2015 de 01/01 a 31/01/2016 a partir de 01/01/2015
Combustível diesel 3450 rublos. por 1 tonelada 4150 rublos. por 1 tonelada 3.950 rublos. por 1 tonelada

Para combinar duas ou mais células em uma, use os atributos colspan e rowspan da tag . O atributo colspan define o número de células a serem mescladas horizontalmente. O atributo rowspan funciona de forma semelhante, com a única diferença de que ele abrange as células verticalmente. Antes de adicionar atributos, verifique o número de células em cada linha para garantir que não haja erros. Então, substitui três células, então a próxima linha deve ter três tags ou design como ...... . Se o número de células em cada linha não corresponder, aparecerão células fantasmas vazias. O Exemplo 12.3 mostra um código, embora válido, mas incorreto, no qual aparece um erro semelhante.

Exemplo 12.3. Mesclagem incorreta de células

Uso incorreto de colspan

Célula 1 Célula 2
Célula 3 Célula 4


Resultado este exemplo mostrado na Fig. 12.5.

Arroz. 12.5. Aparência de uma célula adicional na tabela

A primeira linha do exemplo especifica três células, duas delas são combinadas usando o atributo colspan, mas a segunda linha adiciona apenas duas células. Por causa disso, aparece uma célula adicional exibida no navegador. É claramente visível na Fig. 12.5.

Uso adequado Os atributos colspan e rowspan são demonstrados no Exemplo 12.4.

Exemplo 12.4. Mesclando células verticalmente e horizontalmente

Mesclando células

Navegador Internet Explorer Ópera Raposa de fogo
6.07.07.08.09.01.02.0
Suportado NãoSimNãoSimSimSimSim


O resultado deste exemplo é mostrado na Fig. 12.6.

Arroz. 12.6. Tabela com células mescladas

Esta tabela possui oito colunas e três linhas. Algumas das células com as inscrições “Internet Explorer”, “Opera” e “Firefox” são combinadas em alguns locais com duas e em outros com três células. A célula denominada "Navegador" possui uma mesclagem vertical aplicada.

Contarei em detalhes como mesclar células vertical e horizontalmente em tabelas.

Neste artigo não explicaremos os princípios criando HTML tabelas, para adquirir esse conhecimento, faça nosso curso de HTML.

Para combinar células dentro da tabela, existem dois atributos que são definidos para a tag estes são colspan (junção horizontal) e rowspan (junção vertical).

Algumas pessoas têm dificuldade em usar esses atributos, problemas com a fusão de células.

Os atributos colspan e rowspan aceitam valores inteiros de 0 a 1000 como parâmetros. Aqui está um pequeno exemplo de como você pode mesclar células em uma tabela.

À primeira vista a estrutura implementada não é muito complexa, mas olhando a abundância E elementos do código, é difícil entender por qual princípio você pode combinar mais algumas células.

Oferecemos-lhe uma forma universal e muito conveniente de combinar células.

Para começar, prepare um modelo para sua futura tabela, apresentando-a com todas as células separadas. Esta poderia ser uma mesa 3x3, 6x10 e assim por diante. Daremos a cada célula seu próprio número, começando da esquerda para a direita e de cima para baixo.

Vejamos como criar a tabela mostrada acima usando este método.

Esta é a aparência do código do nosso modelo e do próprio modelo:

1 2 3 4
5 6 7 8
9 10 11 12
13 14 15 16

1 2 3 4
5 6 7 8
9 10 11 12
13 14 15 16

É necessário mesclar células com números 1,2,3 horizontalmente. Para fazer isso, no código, célula nº 1, adicione o atributo colspan com o valor 3. E deletar elementos com números 2 e 3. Escrevemos os números das células combinadas na célula resultante.

1,2,3 4
5 6 7 8
9 10 11 12
13 14 15 16

1,2,3 4
5 6 7 8
9 10 11 12
13 14 15 16

Agora precisamos mesclar as células 9 e 13 verticalmente. Realizamos um procedimento semelhante - definimos o atributo rowspan com o valor 2 para a célula nº 9, excluímos a célula nº 13, escrevemos os números das células que o compõem na célula mesclada.

É assim que nosso código mudará e aparência tabelas:

1,2,3 4
5 6 7 8
9,13 10 11 12
14 15 16

1,2,3 4
5 6 7 8
9,13 10 11 12
14 15 16

Resta combinar 11,12,15,16 células em uma. Para fazer isso, escreva os atributos colspan = "2" rowspan = "2" na célula número 11. As células 12,15,16 são removidas do código. Escrevemos os números 11,12,13,14 na célula combinada.

É assim que nosso código e a aparência da tabela mudarão:

1,2,3 4
5 6 7 8
9,13 10 11,12,15,16
14

1,2,3 4
5 6 7 8
9,13 10 11,12,15,16
14

Só isso, recebemos a tabela original, agora as células podem ser preenchidas com as informações que mais lhe convierem.

Esperamos que você entenda o princípio de criação de tabelas complexas com fusão de células.

tabelas A melhor maneira de ver isso é com uma tabela simples, cujo código HTML é mostrado na Listagem 5.10.

Esta é uma tabela normal, cujas células são numeradas - isso tornará tudo mais fácil para nós no futuro. Na Fig. A Figura 5.2 mostra sua aparência em uma janela de navegador da Web.

Agora vamos dar uma olhada na tabela da Fig. 5.3.

Aqui mesclamos algumas células. Pode-se ver que as células combinadas parecem ter se fundido em uma só. Como fazer isso?

Especialmente para este propósito tags e suporta dois atributos opcionais muito notáveis. Primeiro - COLSPAN - mescla células horizontalmente, o segundo -ROWSPAN- verticalmente.

Para mesclar várias células horizontalmente em uma, você precisa seguir estas etapas.

1. Encontre no código Etiqueta HTML (), correspondendo à primeira das células mescladas (se você contar as células da esquerda para a direita).

2. Insira nele o atributo COLSPAN e atribua a ele o número de células a serem mescladas, contando a primeira.

3. Remova as tags ( ), criando as células mescladas restantes da linha fornecida.

Vamos mesclar as células 2 e 3 da tabela (ver Listagem 5.10). O trecho de código corrigido que cria a primeira linha desta tabela é mostrado na Listagem 5.11.

Vamos criar as células combinadas 4 + 5 e 12 + 13 + 14 + 15 da mesma maneira.

Mesclar células verticalmente é um pouco mais difícil. Aqui estão as etapas que você precisa seguir para fazer isso.

1. Encontre no código Sequência HTML(tag), que contém a primeira célula a ser mesclada (se você contar as linhas de cima para baixo).

2. Encontre a tag ( ), correspondente à primeira das células mescladas.

3. Insira o atributo ROWSPAN nele e atribua uma quantidade a ele células mescladas, incluindo o primeiro deles.

4. Visualize as linhas subsequentes e remova as tags delas ( ), criando as células restantes a serem mescladas.

Nós partimos mesclar células 1 e 6 da nossa mesa. A Listagem 5.12 contém o fragmento corrigido de seu código HTML (as correções afetam a primeira e a segunda linhas).

Observe que removemos a tag que criou a sexta célula da segunda linha porque ela se fundiu com a primeira célula.

Hoje em dia não é usado com muita frequência. No entanto, anteriormente, durante o apogeu do design tabular da Web, era difícil encontrar uma tabela sem células mescladas. De uma forma ou de outra, não custa nada saber disso.

As tabelas do Excel são construídas com base em um princípio ligeiramente diferente do Word. Se neste último podemos separar células, então no Excel uma célula é uma unidade indivisível. O problema de colocar duas colunas em um cabeçalho comum é bastante comum, por isso é importante saber mesclar células no Excel, pois neste caso é necessário mesclar um fragmento da tabela.

Método 1 – Barra de ferramentas.

No painel você verá um botão de mesclagem.

Para utilizá-lo, destaque o intervalo a ser mesclado e clique nele.


Como resultado, ocorrerá uma fusão.


Se você clicar na seta ao lado deste botão, verá um menu.

O comando Mesclar e Centralizar permite centralizar o conteúdo do novo fragmento. Se você tentar mesclar um intervalo com um valor, somente os dados do primeiro endereço mesclado serão salvos. E você verá um aviso.


O consentimento resultará na perda dos dados restantes.


O comando Mesclar por Linhas criará células consolidadas em cada linha.



O comando “Mesclar Células” é semelhante ao primeiro, só que sem centralizar o texto.


O último ponto responde à questão de como desfazer a mesclagem de células no Excel.

Método 2 – Usando o Menu

EM versões mais recentes O menu clássico do Office foi substituído por guias. E as janelas familiares são chamadas por meio de pequenos ícones no canto inferior direito da guia.


Não se esqueça de primeiro selecionar as células a serem mescladas e clicar neste ícone. A janela de alinhamento aparecerá.


Marque a caixa ao lado de “Mesclar células”. Aqui, nos campos suspensos correspondentes, você pode especificar parâmetros de alinhamento de dados.

Método 3 – Copiar dados já mesclados

Se precisar reproduzir uma junção existente, use a área de transferência. A combinação de teclas de atalho para mesclar células no Excel, neste caso, será a seguinte:

CTRL+C – copia para a área de transferência.
CTR+V – cola da área de transferência.

Coloque o ponteiro na posição selecionada.


Copie pressionando CRTL+C. Um sinal de que os dados serão copiados será “formigas correndo” - a animação do quadro ao longo de suas bordas.


Coloque o cursor na célula desejada. Não é necessário selecionar o mesmo número de endereços; o Excel selecionará automaticamente o número necessário e executará o comando. É verdade que os dados serão perdidos. Clique nos botões para colar da área de transferência. Uma união semelhante aparecerá no local selecionado.

Método 4 – formato padrão

No Excel, como em qualquer programa do Office, existe um botão “Format Painter” muito conveniente.
Ele está localizado na seção "Área de transferência".


Aponte para o fragmento mesclado e clique neste botão. Mova o ponteiro para o local desejado e clique com o mouse. A formatação será totalmente reproduzida.

Enquanto o comando aguarda, um ícone de pincel aparecerá próximo ao ponteiro do mouse. Assim que você clicar com o mouse, o ícone desaparecerá e um novo fragmento mesclado aparecerá.

Como mesclar o conteúdo de uma célula em uma tabela do Excel preservando os dados

Esta é uma questão urgente. Em qualquer um dos anteriores Maneiras do Excel exclui dados. Para salvá-los, use a função “Concatenar”.
Clique no ícone Fx próximo à barra de fórmulas. Isso abrirá a janela de inserção de função.


Digite o nome “Conectar” na barra de pesquisa e clique no botão “Localizar”.



Selecione a função encontrada e clique em OK. Uma janela de configuração aparecerá.


Especifique o intervalo com as mãos ou selecione-o com o mouse.


Observe que a função deve estar em um endereço separado daqueles que estão sendo combinados. Se você precisar colocar dados consolidados em um intervalo unido, faça a junção antecipadamente e depois insira a função lá.

Não existem teclas de atalho que permitam mesclar células no Excel sem perder dados, então você pode usar outros métodos.

Outra oportunidade de combinar texto de vários Células do Excel
– use o operador “&”, que combina strings. Para começar a inserir uma fórmula, coloque o ponteiro no local onde ficará o novo texto e clique no sinal “=”. Em seguida, clique no primeiro endereço, pressione &, clique no segundo e assim por diante.


A mesclagem de texto de duas células diferentes em uma nas versões 2003-2010 do Excel é feita de maneira semelhante.

Como remover células mescladas no Excel

Você pode usar o último item do menu do botão “Mesclar células”.


Ou você pode desmarcar a caixa na janela de formatação.

Como mesclar usando uma macro

Uma das maneiras mais difíceis é escrever você mesmo um programa que automatize o processo. No pacote Microsoft Office adicionado desenvolvedor de código VBA. Para usá-lo, pressione ALT+F11. A janela para adicionar o código do programa será aberta.


Execute o comando Inserir – Módulo.


Uma janela para inserção de dados será aberta.


Copie e cole o código.

Sub Merge_Column() Dim i1 As Long Dim i2 As Long Dim f As Long Dim textCol As String Application.DisplayAlerts = False For f = 1 To Selection.Areas.Count For i1 = 1 To Selection.Areas(f).Columns.Count textCol = Selection.Areas(f).Cells(1, i1) Para i2 = 2 Para Selection.Areas(f).Rows.Count textCol = textCol & Chr(10) & Selection.Areas(k).Cells(i2, i1) Próxima seleção.Areas(f).Columns(i1).Merge Selection.Areas(f).Cells(1, i1) = intext Próximo Próximo Application.DisplayAlerts = True End Sub

Vá para o Excel clicando em seu ícone no canto superior esquerdo.


Selecione o intervalo a ser mesclado e execute a macro na guia “Visualizar” - “Macros”.


Selecione a macro desejada e clique no botão Executar.


Os fragmentos da tabela serão mesclados.

Botão de célula não ativo no Excel

Este é um caso raro, mas mesmo assim acontece.

Classificar células mescladas do Excel

A dificuldade aqui é que todos os fragmentos classificados devem ter o mesmo tamanho. Portanto, para junções não padrão em uma coluna ou linha, é necessário cancelar a operação de junção e executá-la novamente no mesmo tamanho de todas as outras. Por exemplo, se você estiver tentando classificar uma coluna onde tudo é combinado por dois e um é combinado por três, combine tudo por três ou converta a célula de três células em duas. Caso contrário, você receberá este erro


Depois de colocar as associações em ordem, clique no botão “Classificar e Filtrar” na barra de ferramentas (à direita) na seção “Página inicial”.

Selecione o tipo certo classificação.

Como encontrar células mescladas no Excel

Se a folha Excel grande, pode ser difícil detectar dados mesclados. Neste caso, usaremos a pesquisa. Na guia Página inicial, clique no botão Localizar e destacar e selecione Localizar. Ou pressione as teclas de atalho Ctrl + F. Leia mais


Em seguida, clique em “Opções” e “Formatar”.


Marque a caixa ao lado de “Mesclar células” e clique em “OK”.


Em seguida, clique em “Encontrar todos” ou “Encontrar próximo” e os endereços necessários serão destacados sequencialmente. Ao clicar no primeiro botão, você verá uma lista de todos os intervalos combinados.


Essas são todas as informações nas células mescladas. Esperamos que ajude você a criar pastas de trabalho no Excel de maneira rápida e fácil e a trabalhar com elas sem problemas.

Tenha um ótimo dia!