Как в Excel объединить ячейки: лучшие варианты. Объединение ячеек

Урок 11.

Объединение ячеек таблицы.

В этом уроке продолжаем изучать таблицы, а именно мы рассмотрим еще два атрибута для тега <td> , которые отвечают за объединение ячеек. Посмотрев на рисунок ниже, Вы поймете о каком объединении пойдет речь.

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

Применение этих атрибутов немного сложнее, чем применение других. Именно по этому им отведен отдельный урок.

Атрибут colspan.

Атрибут colspan используется для объединения ячеек по горизонтали. В значении атрибута указывается число ячеек объединяемых в одну.

Внимание! Очень важно, чтобы общее количество объединенных и обычных ячеек одной строки было равно общему количеству ячеек другой строки. Рассмотрим в качестве примера правую таблицу первого рисунка. Верхняя строка содержит в себе только одну большую ячейку состоящую из двух обычных, а нижняя строка содержит в себе две обычных ячейки.
Ниже представлен вариант правильно написанного кода:


Пояснения к коду:
Верхняя строка <tr> имеет одну ячейку <td> , для которой прописан атрибут colspan со значением 2 . Это значит, что данная ячейка объединяет в себе 2 ячейки, соответственно эта ячейка заменяет 2 ячейки. Вторая строка <tr> имеет 2 обычные ячейки <td> .
Получается, что в верхней строке у нас две объединенных между собой ячейки, а в нижней строке две обычные ячейки. Количество равное, значит код написан верно.

Теперь пример кода с распространенной ошибкой:


Пояснения к коду:
Ошибка в том, что первая строка <tr> содержит не две ячейки <td> , а три, в то время как вторая строка <tr> содержит две ячейки <td> .
Смотря на код, визуально кажется, что количество ячеек в строках одинаковое, так как кол-во тегов <td> одинаковое. Но один из тегов <td> имеет атрибут colspan со значением 2 , это значит, что эта одна ячейка занимает место двух.

Атрибут rowspan.

Атрибут rowspan используется для объединения ячеек по вертикали. Принцип действия точно такой же как и у атрибута colspan .


Пояснения к коду:
Верхняя строка <tr> имеет три ячейки <td> , для одной из них прописан атрибут rowspan со значением 3 . Это значит, что данная ячейка объединяет в себе 3 ячейки (которой задан атрибут + 2 нижних ячейки по вертикали). Как я уже сказал, первая строка имеет 3 ячейки, это значит, что и нижние две строки должны иметь тоже по три ячейки. Глядя на код, мы видим, что нижние две строки <tr> имеют лишь по две ячейки <td> , но не стоит забывать, что первая ячейка верхней строки заняла свое место + еще место двух ячеек находящихся под ней. Это значит, что общее количество ячеек в каждой из отдельной строки равно трем.

Таблицы в HTML имеют две функции. Первая - это собственно таблицы, то есть вывод информации в виде таблицы. А вторая - это вёртска страницы. Отдельные части контента размещаются в разных ячейках таблицы и таким образом оказываются в нужном месте страницы.

Создание таблицы

Рассмотрим, как создать таблицу в HTML. Это делается с помощью тэга

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

Для того, чтобы были видны рамки таблицы, тэгу

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

Объединение ячеек таблицы

Есть возможность объединить ячейки таблицы в одну. Для этого у тэга

, между которыми размещается содержимое. Если вы не добавляете в тег
есть атрибут colspan , который объединяет ячейки внутри одной строки, а также атрибут rowspan , который объединяет ячейки из разных строк. Значением этих атрибутов является количество объединяемых ячеек.

Создадим такую таблицу:

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

Теперь создадим такую таблицу:

Дополнительные табличные тэги

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

- заголовочная ячейка. Обычно находятся в первой строке таблицы. Используются для создания названия колонки таблицы. От тэга отличается только жирным шрифтом и выравниванием по центру.

- находится внутри тэга , добавляет заголовок таблицы.

- cодержит несколько первых строк таблицы для указания особого стиля. Такой тэг может быть только один в таблице. Строки, которые он содержит, должны начинаться с самой первой строки.

- содержит несколько строк таблицы для указания особого стиля. Таких тегов в таблице может быть несколько.

- содержит строки таблицы, которые отобразятся в самом низу таблицы.

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

Эксель – очень мощный инструмент для работы с таблицами. Именно поэтому он так востребован среди людей различных профессий. При этом далеко не все знают, как в Excel объединить ячейки. На самом деле это несложно. Существует большое количество способов. Рассмотрим их более детально.

Для того чтобы соединить несколько ячеек самым простым методом, необходимо сделать следующее.

  1. Поставьте любые значения в несколько ячеек.

  1. Теперь выделите всю эту строку.

  1. Затем нажмите на иконку «Объединить и поместить в центре».

  1. После этого вы увидите следующее.

Вас предупреждают о том, что вся информация, кроме той, что находится в первой ячейке, будет утрачена.

  1. Необходимо согласиться с этим условием. Для этого нажмите на кнопку «OK». Результатом описанных выше действий будет длинная строка, в которой осталась только цифра 1, так как именно она была в первом выделяемом фрагменте. Кроме этого, содержимое выровнено по центру.

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

Расширенные возможности

Для того чтобы продемонстрировать, что можно сделать при помощи панели инструментов, нужно будет нашу таблицу значительно увеличить.

Если нажать не на кнопку, а на «треугольник» рядом, то можно увидеть дополнительные пункты меню.

Выделите все элементы и нажмите на соответствующий пункт меню.

Вас снова предупредят о потере значений. Соглашаемся с этим.

В итоге вы получите следующий результат.

Объединить по строкам

Выделите всю таблицу и кликните на второй пункт.

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

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

В нашем случае повторяющиеся данные из-за того, что все строки были одинаковые.

Объединить ячейки

Для демонстрации этой возможности нужно сделать следующие шаги.

  1. Выделите несколько элементов, а не всю таблицу целиком.
  2. Кликните на иконку треугольника, чтобы появилось дополнительное меню.
  3. Выберите соответствующий пункт.

  1. Соглашаемся с тем, что в результате операции сохранится только содержимое левой верхней ячейки из всего выделенного диапазона.

  1. В итоге мы получим большой прямоугольник всего лишь с одной цифрой.

Описанные выше действия можно повторить и при помощи контекстного меню.

  1. Выделяем несколько ячеек с текстом или любым другим содержимым.
  2. Делаем правый клик мыши на активных элементах.
  3. Затем выбираем пункт «Формат ячеек».

  1. В результате этого появится следующее окно.

  1. Нас здесь интересуют два раздела:
    • выравнивание (тут вы можете указать любой подходящий вариант);

  • отображение (здесь обязательно поставьте галочку напротив пункта «Объединение ячеек»).

  1. В конце нажимаем на кнопку «OK».

  1. Соглашаемся с предупреждением.

Благодаря этому получаем вот такой результат.

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

Дублирование фрагментов

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

  1. Выделяем существующий объединенный фрагмент.

  1. Нажимаем на горячие клавиши Ctrl +C (должна появиться пунктирная рамка).

  1. Кликаем на какой-нибудь другой элемент.

  1. Нажимаем на горячие клавиши Ctrl +V .
  2. Вследствие этого получаем точную копию исходной строки.

Благодаря этому методу вы сможете скопировать любое количество «видоизмененных» ячеек.

Формат по абзацу

Копировать оформление можно и по-другому. Делается это еще проще.

  1. Выделяем строку, внешний вид которой нужно продублировать.
  2. Кликаем на иконку кисточки. Сразу после этого курсор должен изменить свой внешний вид.

  1. После этого кликните на тот элемент, который нужно преобразить.

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

Объединение без потери данных

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

  1. Переместите курсор в нужное место. Нажмите на кнопку «fx».

  1. Сразу после этого у вас появится окно для вставки фунции.

  1. Необходимо изменить категорию на «Текстовые».

  1. Далее найдите в списке функцию «Сцепить». Выберите её и кликните на кнопку «OK».

  1. Сразу после этого появится новое окно, в котором нужно указать аргументы функции. Ссылки на элементы можно вбить вручную.

  1. Но проще всего просто покликать по ним поочередно. Сначала жмем на поле «Текст 1».

  1. Затем на первый элемент нужной строки (данные подставятся автоматически).

  1. Затем переходим к полю «Текст2».

  1. На этот раз кликаем на следующую ячейку.

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

Как отменить слияние

Если вы соединили больше, чем нужно, или вообще не ту строку, то вернуть всё обратно очень просто:

  • для это достаточно нажать на горячие клавиши Ctrl +Z ;
  • либо кликнуть на иконку отмены последнего действия на панели быстрого доступа.

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

Для таких случаев существуют два других метода. Рассмотрим их более детально.

Панель инструментов

Вернуть всё как было можно в том же месте, где происходит и объединение.

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

  1. Благодаря этому всё вернется в исходное состояние.

Контекстное меню

Сделать описанное выше можно и при помощи контекстного меню.

  1. Также сначала выделяем длинную строку.
  2. Делаем правый клик мыши.
  3. Выбираем пункт «Формат ячеек».

  1. В появившемся окне убираем галочку и нажимаем на кнопку «OK».

  1. Благодаря этому всё возвращается к тому, как было изначально.

Что делать, если кнопка не активна

В некоторых случаях отсутствует возможность редактирование таблиц. Это связано с защитой листа. Убрать её очень просто.

Перейдите на вкладку «Рецензирование» и кликните на кнопку «Снять защиту листа».

Заключение

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

Видеоинструкция

Для тех, у кого остались какие-нибудь вопросы, ниже прилагается видеоролик, в котором можно услышать дополнительные комментарии.

Для объединения двух и более ячеек в одну используются атрибуты colspan и rowspan тега

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

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

Неправильное использование colspan

. Атрибут colspan устанавливает число ячеек объединяемых по горизонтали. Аналогично работает и атрибут rowspan , с тем лишь отличием, что объединяет ячейки по вертикали. Перед добавлением атрибутов проверьте число ячеек в каждой строке, чтобы не возникло ошибок. Так, заменяет три ячейки, поэтому в следующей строке должно быть три тега или конструкция вида ......
Ячейка 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» объединены где по две, а где и по три ячейки. В ячейке с надписью «Браузер» применено объединение по вертикали.

10.01.17 4.6K

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

При создании таблиц в 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 в одном столбце можно использовать, если нужно создать заголовок для группы строк, примыкающих к этому столбцу. Это также может помочь разделить группы строк по типу.

  • Сергей Савенков

    какой то “куцый” обзор… как будто спешили куда то