Объединение ячеек в Microsoft Excel.

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

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

Введение в теорию

В HTML объединение ячеек происходит при помощи двух атрибутов: colspan и rowspan. Они указываются для тега td.

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

На рисунке выше указано две строки, и в каждой по три ячейки. Это является обычной таблицей. Если вы в какой-нибудь строке укажите меньшее количество ячеек, то таблица "съедет", всё будет отображаться некорректно.

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

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

Обратите внимание, что указывать нужно именно в ближайшем элементе к началу. Например, на рисунке выше, если бы вы хотели объединить ячейку 1 и 2, нужно указать в ячейке 1 атрибут colspan со значением два. И удалить ячейку номер 2 или 3, уже не важно.

Суть заключается в том, что вы указываете ячейке, сколько пространства она займет. По умолчанию значение составляет 1.

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

Здесь ячейка с цифрой 43 занимает две строки. Для этого указали атрибут rowspan. Запоминается просто:

• Row - строка.
• Col - колонка/столбец.
• Span - объединение.

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

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

На рисунке выше как раз это и указано, что можно делать объединение: строк, столбцов и одновременно столбцов и строк.

HTML: объединение ячеек. Примеры

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

Так же можно объединить три ячейки в центре. В первом случае атрибут colspan указывали в ячейке №1. Здесь первая будет без изменений, а во второй добавлен colspan, равный трем.

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

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

Таблицы как каркас сайта

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

Например, можно рассмотреть этот макет сайта. Данный дизайн - очень простой и примитивный. Но здесь можно показать использование объединения явным образом.

Здесь изначально была таблица из трех строк, по две ячейки в каждой. Затем, чтобы разместить логотип сайта, две ячейки в первой строке были объединены. В нижней строке сделали то же самое, чтобы разместить "подвал".

Благодаря этому можно размещать элементы дизайна на своих местах, и ничто никуда не уедет за свои пределы. Это весьма удобно и просто. Поэтому и было настолько популярно. Сейчас же рекомендуется для создания блоков тег div.

Заключение

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

Когда наберетесь опыта, такие операции вы сможете без труда производить в своей голове.

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

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

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

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

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

Как объединить ячейки в Экселе через панель инструментов

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

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

Панель Excel 2007/2010/2013 тоже имеет такую кнопочку, в разделе «Главная» («Выравнивание»). Но тут у нее уже предусмотрено выпадающее меню для повышения количества шагов, выполняемых через нее.

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

• составление группы объединённой по строчкам;
• совмещение без настройки центрального положения.

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

Спецфункция

Если вы не хотите потерять что-то важное, чтобы не нужно было текстовые данные размещать по дополнительным местам, возвращать назад после процедуры, следует использовать функцию «Сцепить». Инструкция будет проста:

• выбираете клеточку рядом с объединяемыми областями и форматируете (размер 4х4 или 5х3);
• прописываете в ней спецформулу – СЦЕПИТЬ (А1; А2), где отмечены ячейки (по одной!), из которых будет объединен текст.

В результате получаете поле нужного размера.

Пользуемся символом &

Как объединить ячейки в Excel без потери инфы? Просто воспользуйтесь специальным символом. Все знают, что «+» применяется для операций с суммой в табличных строках, а «&» – для склеивания содержимого. Значок вы найдете на цифре «7» на клавиатуре сверху в раскладке английского языка.

Важные советы:

• Если к данным нужно добавить дополнительный текст, он выделяется кавычками (A3&«новый текст»&B5);
• Если использовать функцию извлечения начальных букв, можно в процессе объединения получить фамилию и инициалы.

Макросы и надстройки

Объединять ячейки в Экселе одним и тем же методом (к примеру, делая области 2х2), можно более быстрым способом, с помощью комбинаций Ctrl + C и Ctrl + V , то есть, копируете и вставляете форматирование.

Аналогичные действия выполняются через написание макроса – формула или использование макрорекордера. Если вы не можете создать программный алгоритм, следует использовать уже продуманные надстройки для Excel. С их помощью можно соединять столбики, строки и даже задавать шаг. Есть и такие, которые могут соединить текстовые данные с формулами, оставляя данные нетронутыми.

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

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

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

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

Выполните следующие шаги:

• Выделите ячейки, щелкните по ним правой клавишей мыши;
• Выберите пункт «Формат ячеек…», появится новое окно;
• Перейдите в меню «Выравнивание», далее – «Отображение»;
• Установите птичку возле строчки «Объединение ячеек» и нажмите «Enter».

Теперь две ячейки объединятся в одну. Правда, здесь есть один момент. Если вы объединяли ячейки по горизонтали, то останется только та информация, которая была в левой; если объединяли по вертикали – то останется информация, которая была в верхней ячейке. Все, что было написано во второй ячейке, просто удалится.

Соединение данных из разных ячеек

Но в экселе 2010 и других версиях программы можно объединять ячейки таким образом, чтобы все написанное сохранялось. Допустим, у вас три столбика: в первом указано имя, во втором – фамилия, в третьем – отчество. Требуется объединить их в одной ячейке (например, сделать Иван Петров Иванович). Если ФИО не одно, а много, то переписывать все заново – слишком долго. Есть два варианта объединения ячеек, с помощью которых сделать это намного быстрее.

Вариант первый:

• Сделайте четвертый столбик, назвав его ФИО;
• На следующей строчке введите «=A2&B2&C2» (то есть те ячейки, в которых стоят первые фамилия, имя и отчество) и нажмите «Enter»;
• Получится следующее – «ИванПетровИванович». То есть, ФИО будет написано без пробелов;
• Если нужно установить пробелы, вставьте знак «&” “&», то есть, формула будет такой – «A2&” “&B2&” “&C2». В результате получится «Иван Петров Иванович»;
• Чтобы поставить разделитель, можно использовать любой знак, например запятую. Получится такая формула«A2&” “&С2&”, “&В2», в итоге ФИО будут выглядеть так: «Иван Иванович, Петров»;
• Чтобы использовать формулу для других ячеек, скопируйте первую формулу, выделите строчки под ней (напротив которых стоят разделенные фамилия, имя и отчество) и нажмите «Enter».

Вариант второй:

• Аналогично применяется формула «=СЦЕПИТЬ(A2;B2;С2)»;
• Если нужно установить пробел, то «=СЦЕПИТЬ(A2,» «,B2)»;
• Если нужна запятая – «=СЦЕПИТЬ(A2,», «,B2)».

Как разделить объединенные ячейки

1. Щелкните по ячейке левой клавишей мыши. На вкладке «Главная» в разделе «Выравнивание» загорится кнопка «Объединить и поместить в центре»;
2. Чтобы убрать соединение, просто нажмите эту кнопку.

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

Как найти объединенные ячейки

1. Перейдите на вкладку «Главная», в раздел «Редактирование»;
2. Выберите «Найти и выделить», затем «Найти»;
3. Выберите «Параметры», нажмите строчку «Формат»;
4. Откройте меню «Выравнивание», в разделе «Отображение» пометьте галочкой строчку «Объединение ячеек»;
5. Кликните «ОК»;
6. Затем используйте один из двух вариантов:

• Для того чтобы найти очередную объединенную ячейку, щелкните «Найти далее». В экселе будет выделена нужная ячейка;
• Для того чтобы найти сразу все такие ячейки, щелкните «Найти все». Появятся все объединенные ячейки. Можно нажать на любую ячейку в списке – тогда она будет выделена в экселе, и вы увидите, где она расположена.

Важные выводы

1. Все данные, которые имеются в ячейках, теряются (за исключением верхней левой в выделенных ячейках, в которых потери нет), это касается любых направлений выделения;
2. Объединение ячеек вполне можно вернуть обратно, что не приведет к потери данных. Информация, которая содержалась в них, будет расположена в левой верхней ячейке (она будет расположена сплошным текстом).

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

Урок 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.

Когда вы решаете аналогичные задачи в каком-нибудь текстовом редакторе, например, наиболее распространенном – Word, то он практически все делает сам, достаточно лишь нажать соответствующую кнопку. Но если говорить про решение этой задачи в HTML, то здесь все иначе. И если вы будете внимательным, то задача не будет казаться такой уж непосильной.

Объединение ячеек в строках

В первую очередь расскажем, как объединить строки в таблице в HTML. В этом поможет атрибут colspan , который работает с такими тегами, как и .

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

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

Согласно вышеописанным правилам нам нужно создать строку, добавить одну простую ячейку, а следом в этой же строке добавить ячейку, которая будет занимать место двух простых ячеек.
В следующей строке нам нужно лишь добавить три простых ячейки. Звучит несложно, давайте перенесём наши мысли в код:

Вот и всё! Совсем ничего страшного!

Объединение ячеек в столбцах

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

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

Давайте теперь создадим следующую таблицу:

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

Опять-таки, ничего сложного.

Одновременное объединение по вертикали и горизонтали в одной таблице

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

Если всё же не получилось, то вот ответ: