Урок по HTML. Объединение ячеек. HTML: объединение ячеек. Примеры. Объединение ячеек через панель инструментов

При работе в программе Excel часто возникают ситуации, когда нужно соединить нескольких ячеек в одну (например, чтобы сделать заголовок).

Сейчас мы разберем все возможные варианты. Первые два способа подойдут в случае, если нужно склеить пустые или почти пустые ячейки (частично заполненные). Другие же соединят не только сами ячейки, но и их содержимое.

Самый простой способ

1 . Выделяем то, что нужно объединить. Для этого нажимаем левую кнопку мышки на крайней ячейке и, не отпуская мышку, тянем до тех пор, пока нужные ячейки не обрисуются рамкой.

2 . Нажимаем на кнопку на вкладке «Главная» (вверху).

По умолчанию эта кнопка соединяет ячейки и помещает их содержимое в центре. Но есть и другие варианты: чтобы их открыть, нужно нажать на маленькую стрелку справа от кнопки.

Еще один простой способ

1 . Выделяем нужные ячейки и жмем по одной из них правой кнопкой мышки. Появляется контекстное меню, в котором выбираем пункт «Формат ячеек».

2 . В окошке выбираем вкладку «Выравнивание» и ставим галочку напротив пункта «Объединение ячеек», после чего нажимаем OK.

Объединение ячеек с данными

Если вы собираетесь соединить несколько ячеек, в которых уже есть информация, учитывайте, что в результате будут сохранены не все данные. Часть информации удалится.

Чтобы этого не произошло, объединять их нужно по-другому. Есть несколько способов: через сцепление данных, при помощи программы Блокнот и через макрос.

Способ первый (через сцепление)

Шаг 1: склеиваем данные

Сначала нужно склеить данные, то есть соединить их друг с другом. Делается это в новой ячейке через функцию «Сцепить» или через знак &. Покажу на примере оба варианта, а вы уж выбирайте, какой больше нравится.

Склеивание через функцию «СЦЕПИТЬ» . Допустим, у нас есть отдельно имя, фамилия и отчество. Все эти данные нужно объединить, а для этого сначала склеить их.

1 . Щелкаем по пустой ячейке.

2 . Печатаем знак = и большими буквами слово СЦЕПИТЬ

3 . Открываем скобку и щелкаем по первой ячейке с данными, затем печатаем точку с запятой и щелкаем по второй, затем опять точку с запятой - и по третьей. После это закрываем скобку.

4 . Нажимаем клавишу Enter на клавиатуре.

Все данные слепятся в одну сплошную строку. Если же их нужно каким-то образом разделить (пробелом, запятой и т.д.), этот символ также нужно добавить в формулу, но только в кавычках. Пример знака - в качестве разделителя:

То же самое и с пробелом: его нужно будет напечатать в кавычках, а их разделить точкой с запятой:

Склеивание через знак & . Находится этот символ там же, где цифра 7 на клавиатуре. Набирать его нужно на английской раскладке при зажатой клавише Shift.

Принцип почти такой же, как и при склеивании через функцию СЦЕПИТЬ:

1 . Щелкаем в пустой ячейке и печатаем в ней знак =

2 . Нажимаем на первую ячейку с данными, печатаем символ & и нажимаем на вторую ячейку, затем опять вводим & и нажимаем на третью и так далее.

Как и в предыдущем случае, любой дополнительный символ (разделитель) должен быть указан в кавычках.

Шаг 2: убираем дубли

Не важно, каким способом, но данные мы склеили.

Если нужно получить такой же результат и для остальных ячеек, эту «формулу» можно растянуть:

  • Щелкаем по ячейке с результатом
  • Наводим на маленький черный квадратик внизу справа
  • Когда курсор примет вид тонкого черного плюса, нажимаем левую кнопку мышки и, не отпуская ее, растягиваем по другим ячейкам

У меня получилось вот что:

Подробнее о «растягивании» можно узнать из вот этого урока .

Всё это, кончено, хорошо и замечательно, но есть одна проблемка. Так как данные мы склеили через формулу, то результат этих действий будет виден только если сохранится оригинал. Другими словами, и новые и старые ячейки должны остаться на месте.

Иногда это подходит, но что делать, если нужны только склеенные данные? Выход есть!

1 . Выделяем новые (склеенные) ячейки.

2 . Щелкаем по любой из них правой кнопкой мышки и из меню выбираем «Копировать».

3 . Выделяем какие-нибудь другие пустые ячейки.

4 . Нажимаем по любой из них правой кнопкой мышки и выбираем «Специальная вставка».

5 . В окошке выбираем пункт «Значения» (вверху) и нажимаем ОК.

В итоге получаем те же самые склеенные данные, но уже не в виде формулы (которая без оригинала не работает), а как обычный текст.

Собственно, теперь все предыдущие данные можно удалить, а эти (новые) скопировать и вставить на их место.

Способ второй (через Блокнот)

Честно говоря, мне этот способ даже больше нравится - он быстрее.

1 . Выделяем в Экселе ячейки с нужными данными (можно выделить целые столбы/строки).

2 . Копируем их (правая кнопка мыши - Копировать).

3 . Открываем программу Блокнот: Пуск - Все программы - Стандартные - Блокнот. Или открываем Пуск и печатаем слово блокнот в поле для поиска (внизу).

4 . Вставляем в окно программы скопированные данные (правой кнопкой мышки по пустому месту - Вставить).

5 . Копируем символ табуляции.

Для этого в пустой строчке Блокнота (перейти на нее можно, нажав на Enter) нажимаем один раз клавишу Tab на клавиатуре.

Указатель сразу перемещается чуть правее. Зажимаем левую кнопку мышки и выделяем этот отрезок, который визуально похож на десяток пробелов. Затем копируем (правой кнопкой по выделенному - Копировать).

6 . Вверху программы Блокнот нажимаем на пункт «Правка» и выбираем «Заменить…».

7 . В первое поле («Что:») вставляем скопированный символ табуляции, а во второе поле («Чем:») вставляем необходимый нам разделитель, например, жмем клавишу пробел.

8 . Нажимаем на кнопку «Заменить все» и закрываем это маленькое окошко.

После этого данные в Блокноте немного изменятся - текст как будто бы чуть-чуть сожмется.

9 . Выделяем все это в Блокноте и копируем.

10 . Переходим в программу Excel и вставляем скопированные данные (удалив предыдущие).

Способ третий (макрос)

Еще один вариант объединения ячеек в Экселе без потери данных. Он чуть более сложный - для тех, кто знает, что такое Visual Basic.

Данный способ я позаимствовал из вот этой статьи . Кстати, очень клёвый сайт, советую всем, кто работает с программой Excel.

1 . Открываем вкладку «Вид» и нажимаем на кнопку «Макросы».

2 . Печатаем название для макроса, нажимаем «Создать».

3 . Откроется редактор Visual Basic. Вставляем туда следующий код:

Sub MergeToOneCell()
Const sDELIM As String = " " "разделитель в данном случае пробел.
Dim rCell As Range
Dim sMergeStr As String
If TypeName(Selection) <> "Range" Then Exit Sub "если выделяются не ячейки, тогда программа выходит
With Selection
For Each rCell In .Cells
sMergeStr =sMergeStr & sDELIM & rCell.Text "процесс сбора текста из ячеек
Next rCell
Application.DisplayAlerts = False "выключаем обычное предупреждение о потере текста
.Merge Across:=False "объединение ячеек
Application.DisplayAlerts = True
.Item(1).Value = Mid(sMergeStr, 1 + Len(sDELIM)) " добавляем к объединенным ячейкам суммированный текст
End With
End Sub

4 . Закрываем редактор Visual Basic.

Теперь, чтобы объединить ячейки с данными, нужно их выделить, после чего на вкладке «Вид» нажать кнопку «Макросы» и в новом окошке на «Выполнить».

При создании таблиц в HTML иногда необходимо объединить ячейки по горизонтали.

В HTML-таблице каждая ячейка ограничивается набором тегов и , между которыми размещается содержимое. Если вы не добавляете в тег дополнительные атрибуты или стили CSS , то каждая ячейка по умолчанию будет занимать ровно один столбец.

Для HTML объединения ячеек необходимо добавить в строку меньше ячеек, чем в остальные строки и добавить атрибут colspan=» « внутри тега ячейки, которую необходимо растянуть.

Рассмотрим простой пример HTML-таблицы с двумя строками и двумя столбцами (четыре ячейки ). Ее HTML-код выглядит следующим образом:

содержимоесодержимое
содержимоесодержимое

содержимое
содержимоесодержимое

Ячейка в верхней строке теперь охватывает два столбца. Поскольку она занимает пространство двух ячеек, в первом ряду есть только один элемент td .

Можно осуществить объединение ячеек таблицы HTML в любой ее области с любым количеством столбцов. Одним из наиболее полезных применений объединения ячеек по горизонтали является создание заголовков таблицы. Если таблица имеет n столбцов, поместите атрибут colspan=»n» в первую ячейку верхнего ряда и удалите другие ячейки из этого ряда.

Как объединить ячейки в HTML-таблице по вертикали: rowspan


Атрибут rowspan=» » позволяет объединять ячейки по вертикали

Если нужно, чтобы ячейка охватывала несколько строк, следует добавить атрибут rowspan=» « внутри тега той ячейки, которую необходимо растянуть по вертикали. В каждой строке под строкой, где начинается растянутая ячейка, нужно удалить одну ячейку, чтобы таблица была выровнена. Например, когда вы растягиваете ячейку на три строки, необходимо удалить по одной ячейке в следующих двух строках.

Рассмотрим простой пример HTML-таблицы с четырьмя ячейками, разделенными на две строки и два столбца. HTML-код :

содержимоесодержимое
содержимоесодержимое

Чтобы осуществить HTML table объединение ячеек по вертикали, добавьте для первой ячейки верхней строки атрибут rowspan=»2″ , а затем удалите одну из ячеек в нижнем ряду. HTML-код теперь будет выглядеть следующим образом:

stuffсодержимое
содержимое

Можно комбинировать горизонтальное и вертикальное объединение ячеек в одной таблице, как показано на рисунке слева. Одна ячейка даже может охватывать несколько строк и столбцов, как показано на рисунке справа. HTML-код для каждой таблицы приведен ниже:


Способы комбинирования rowspan и colspan для создания пользовательских HTML-таблиц с ячейками, которые охватывают несколько строк и столбцов

span 3 rows span 3 columns
H T span 2 rows
M L
span 4 columns
span 2 rows and 2 columns T
A
E L B

Использование вертикально объединенных ячеек

Объединение ячеек по вертикали HTML в одном столбце можно использовать, если нужно создать заголовок для группы строк, примыкающих к этому столбцу. Это также может помочь разделить группы строк по типу.

При представлении данных на сайте в табличном формате, чем лучше вы организуете данные по подгруппам, тем проще пользователям анализировать и обрабатывать эти данные. Разделители пространства помогают нам анализировать вещи более эффективно. Также можно использовать для столбцов цветовой код, чтобы их было еще проще визуально идентифицировать:


Перевод статей «How to Combine Cells Horizontally in an HTML Table Colspan », «How to Combine Cells Vertically in an HTML Table: Rowspan » был подготовлен дружной командой проекта .

Для объединения двух и более ячеек в одну используются атрибуты colspan и rowspan тега . Атрибут colspan устанавливает число ячеек объединяемых по горизонтали. Аналогично работает и атрибут rowspan , с тем лишь отличием, что объединяет ячейки по вертикали. Перед добавлением атрибутов проверьте число ячеек в каждой строке, чтобы не возникло ошибок. Так, заменяет три ячейки, поэтому в следующей строке должно быть три тега или конструкция вида ...... . Если число ячеек в каждой строке не будет совпадать, появятся пустые фантомные ячейки. В примере 12.3 приведен хотя и валидный, но неверный код, в котором как раз проявляется подобная ошибка.

Пример 12.3. Неверное объединение ячеек

<a href="/windows-7/chto-takoe-indeksaciya-i-kak-ee-uluchshit-nepravilnoe-ispolzovanie/">Неправильное использование</a> colspan

Ячейка 1 Ячейка 2
Ячейка 3 Ячейка 4

Результат данного примера показан на рис. 12.5.

Рис. 12.5. Появление дополнительной ячейки в таблице

В первой строке примера задано три ячейки, две из них объединены с помощью атрибута colspan , а во второй строке добавлено только две ячейки. Из-за этого возникает дополнительная ячейка, которая отображается в браузере. Ее хорошо видно на рис. 12.5.

Правильное использование атрибутов colspan и rowspan продемонстрировано в примере 12.4.

Пример 12.4. Объединение ячеек по вертикали и горизонтали

Объединение ячеек

Браузер Internet Explorer Opera Firefox
6.07.07.08.09.01.02.0
Поддерживается НетДаНетДаДаДаДа

Результат данного примера показан на рис. 12.6.

Рис. 12.6. Таблица с объединенными ячейками

В данной таблице установлено восемь колонок и три строки. Часть ячеек с надписями «Internet Explorer» , «Opera» и «Firefox» объединены где по две, а где и по три ячейки. В ячейке с надписью «Браузер» применено объединение по вертикали.

При оформлении таблиц для более наглядного отображения информации возникает необходимость объединить несколько ячеек в одну. Это часто используется например при указании одного общего заголовка данных, которые имеют разные значения. Пример такого отображения информации вы можете видеть на изображении ниже. О том, как объединить ячейки в excel пошагово читайте далее. Объединить можно не только по горизонтали, возможно объединения по вертикали, а так же группы горизонтальных и вертикальных ячеек.

Пример объединения разряда с одним заголовком «Разряд» и разными данными

Как объединить ячейки в excel

Для объединения ячеек можно воспользоваться двумя способами. Первый — это при помощи контекстного меню через формат. Выделите все ячейки, которые вы хотите обхединить и нажмите на выделенной области правой кнопкой мыши. В выпадающем контекстном меню выберите пункт «Формат ячеек…».

В окне формата перейдите на вкладку «Выравнивание» и в блоке отображение отметьте галочкой пункт «объединение ячеек».

Отметьте пункт «объединение ячеек» во вкладке «Выравнивание»

Если в ячейках присутствуют какие либо данные, Excel выдает каждый раз предупреждение о потери всех данных кроме верхней левой. Поэтому будьте осторожны при объединении и не потеряйте важные данные. Если все же вам необходимо объединить ячейки с данными, соглашайтесь нажав «Ок».

В моем случае из 10 чисел в ячейках в области объединения осталось только число «1» из левой верхней ячейки.

По умолчанию эксел после объединения выравнивает данные по правому краю. Если вам необходимо быстро объединить и при этом сразу же выровнять данные по центру, можно воспользоваться вторым способом.

Так же как и в предыдущем методе выделите ячейки, которые необходимо объединить. В верхней части программы во вкладке «ГЛАВНАЯ» найдите блок, который называется выравнивание. В этом блоке есть выпадающий список, который позволяет объединять ячейки. Для объединения есть три типа:

  1. Объединить и поместить в центре — результатом нажатия на этот пункт будет точно такое же объединение как и в предыдущем примере, но Excel отформатирует выравнивание результирующие данные по центру.
  2. Объединить по строкам — если выделена область ячеек с несколькими строками, программа объединит построчно и в случае, если присутствуют данные, оставит только те, которые находились в левых.
  3. Объединить ячейки — этот пункт действует точно так же как и в первом варианте через формат.
  4. Отменить объединение — вам необходимо выделить ячейку, которая ранее была объединена и нажать на пункт меню — программа восстановит структуру ячеек как до объединения. Данные до объединения естественно не восстановит.

Попробовав любой из способов, вы будете знать как объединить ячейки в экселе.

Второй способ быстрого объединения ячеек

Структура документа Excel строго определена и чтобы не было проблем и ошибок в дальнейшем с вычислениями и формулами, в программе каждому блоку данных (ячейке) должен соответствовать уникальный «адрес». Адрес — это буквенно-числовое обозначение пересечения столбца и строки. Соответственно одному столбцу должно соответствовать только ода ячейка строки. Соответственно разделить ранее созданную ячейку на две не получится. Чтобы иметь разделенную на две ячейку необходимо заранее продумать структуру таблицы. В том столбце, где необходимо разделение необходимо запланировать два столбца и объединить все ячейки с данными, где нет разделения. В таблице это выглядит следующим образом.

Разделить ячейку в экселе на две не возможно. Можно только запланировать структуру таблицы при создании.

В строке 4 у меня присутствует разделенная на две ячейка. Для этого я для столбца «Разряд» запланировал заранее два столбца «B» и «С». Затем в строках, где мне не надо разделение я объединил построчно ячейки, а в строке 4 оставил без объединения. В результате таблица содержит столбец «Раздел» с разделенной на две ячейкой в 4-й строке. С таким способом создания разделения каждая ячейка имеет свой уникальный «Адрес» и к ней можно обращаться в формулах и при адресации.

Теперь вы знаете как разбить ячейку в excel на две и сможете заранее запланировать структуру таблицы чтобы потом не ломать уже созданную таблицу.

Объединить ячейки в Excel можно различными способами. Эта функция пригождается, когда Вы хотите подытожить данные для нескольких ячеек в одной, или создаете шапку для таблицы.

Используем контекстное меню

Выделите те блоки, которые нужно объединить и кликните по ним правой кнопкой мыши. Из контекстного меню выберите «Формат ячеек» .

Появится следующее диалоговое окно, в котором перейдите на вкладку «Выравнивание» . Поставьте галочку в поле «Объединение ячеек» . Здесь же можно задать выравнивание текста в блоке, или выбрать для него ориентацию. Нажмите «ОК» .

Если в объединяемые блоки был вписан текст, программа выдаст следующее сообщение: все значения будут удалены, кроме левого верхнего.

После объединения, осталось слово «объединим» , вместо «объединим эти ячейки» .

Используем кнопочку на ленте

Выделяем нужные блоки, переходим на вкладку «Главная» и кликаем на кнопочку «Объединить и поместить в центре» .

Появится уже знакомое сообщение, все значения будут удалены, кроме верхнего левого – оно будет помещено в центре.

Если нажать на стрелочку возле кнопки, появится дополнительное меню. В нем можно выбрать одно из предложенных действий, в том числе и отмену объединения.

Копируем ранее объединенные

Если в документе у Вас уже есть объединенные блоки с нужным текстом, то выделите их, скопируйте – используя комбинацию «Ctrl+C» , и вставьте в нужную область документа – «Ctrl+V» .

Даже если Вы выберите только одну ячейку для вставки скопированной области, она все равно будет вставлена, в моем случае, на три блока в строку и два в столбец. При этом данные, которые были там написаны, удалятся.

Использование функции СЦЕПИТЬ

Четвертый способ – объединим ячейки в Excel, сохранив данные, используя функцию «СЦЕПИТЬ» . Объединять будем А1 —В1 и А2 —В2 .

Добавим между ними дополнительный столбец. Выделяем В1 , на вкладке «Главная» кликаем по стрелочке возле кнопки «Вставить» и выбираем из списка «Вставить столбцы на лист» .

Дальше выделяем В1 , в нее вставился новый столбец, и прописываем следующую формулу, чтобы сцепить А1 —С1 : =СЦЕПИТЬ(А1;» «;С1) . В кавычках посредине впишите разделитель: «;» , «:» , «,» , у меня там стоит пробел.

Таким же образом объединяем А2 —С2 . Можно просто растянуть формулу по столбцу, потянув за правый нижний уголок В1 .

Для того чтобы оставить в таблице только объединенные ячейки, выделяем их и нажимаем «Ctrl+C» . Кликаем по ним правой кнопкой мыши и выбираем из меню «Специальная вставка» – «Значения» .

Таким образом, мы скопировали только значения выделенных ячеек, они теперь не связаны с соседними ячейками формулой.

Удалим столбец А и С . Выделяем А1:А2 , на вкладке «Главная» нажимаем на стрелочку возле кнопки «Удалить» и выбираем из списка «Удалить столбцы с листа» . Также удаляем данные в С1:С2 .

В результате, мы получили объединенные ячейки без потери данных.

Использование макросов

Пятый способ – объединим блоки в Эксель без потери значений, используя макрос. Как вставить макрос в Эксель , Вы можете прочесть, перейдя по ссылке.

Запускаем редактор VBA, используя комбинацию клавиш «Alt+F11» , и создаем новый модуль.

Теперь в область для ввода VBA-кода вставляю следующий код. Макрос будет называться «MergeCell» . Сохраняем созданный макрос. Если у Вас Excel 2007 и выше, при сохранении документа в поле «Тип файла» выберите «Книга Excel с поддержкой макросов» .

Закрываем редактор VBA комбинацией «Alt+Q» , после этого откроется документ Excel.

Теперь нужно выполнить созданный макрос. Выделяем в документе ячейки, которые нужно объединить. Переходим на вкладку Разработчик и кликаем по кнопочке «Макросы» . В следующем окне выбираем из списка макрос с нужным названием – «MergeCell» , и нажимаем «Выполнить» .

Выделенные блоки объединены, и при этом данные сохранились. Чтобы текст нормально отображался в ячейке, перейдите на вкладку «Главная» и кликните по кнопочке «Перенос текста» .

Думаю рассмотренных способов достаточно, чтобы объединить данные или текст в ячейках Excel. При этом Вы можете сделать так, чтобы данные в объединенных ячейках не были удалены.

Оценить статью: