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.
Em primeiro lugar, mostraremos como combinar linhas em uma tabela em HTML. O atributo vai ajudar nisso colspan, que funciona com tags como
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!
É 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
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.
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:
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
Exemplo 12.3. Mesclagem incorreta de células
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
Navegador | Internet Explorer | Ópera | Raposa de fogo | ||||
---|---|---|---|---|---|---|---|
6.0 | 7.0 | 7.0 | 8.0 | 9.0 | 1.0 | 2.0 | |
Suportado | Não | Sim | Não | Sim | Sim | Sim | Sim |
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
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
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
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
Para mesclar várias células horizontalmente em uma, você precisa seguir estas etapas.
1. Encontre no código Etiqueta HTML (
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 (
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 (
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 (
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.
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.
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.
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.
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á.
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.
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.
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.
Este é um caso raro, mas mesmo assim acontece.
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.
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!