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

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

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

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

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

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

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

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

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

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

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

Осталось поговорить об одной интересной особенности языка HTML. Это так называемое объединение ячеек таблиц. Лучше всего рассмотреть пример - простую таблицу, HTML-код которой приведен в листинге 5.10.

Листинг 5.10

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

А теперь рассмотрим таблицу на рис. 5.3.

Здесь выполнено объединение некоторых ячеек. Видно, что объединенные ячейки словно слились в одну. Как это сделать?

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

Рис. 5.2. Изначальная таблица, ячейки которой подвергнутся объединению

Рис. 5.3. Таблица, показанная на рис. 5.2, после объединения некоторых ячеек (объединенные ячейки обозначены сложением их номеров)

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

1. Найти в коде HTML тег

Точно так же создадим объединенные ячейки 4 + 5 и 12 + 13 + 14 + 15.

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

1. Найти в коде HTML строку (тег ), в которой находится первая из объединяемых ячеек (если считать строки сверху вниз).

2. Найти в коде этой строки тег

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

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

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

Как просто объединить ячейки в Microsoft Excel

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

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

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

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

Как объединить ячейки в Microsoft Excel через контекстное меню

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

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

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

Как объединить ячейки в Microsoft Word без потери данных

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Выделите ячейки, щелкните по ним правой клавишей мыши;
• Выберите пункт «Формат ячеек…», появится новое окно;
• Перейдите в меню «Выравнивание», далее – «Отображение»;
• Установите птичку возле строчки «Объединение ячеек» и нажмите «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 и других версиях программы помогает ускорить работу с документом и создать более наглядную картину. Используя эту функцию, вы легко научитесь правильно структурировать таблицы.