- содержит строки таблицы, которые отобразятся в самом низу
таблицы.
- определяет стиль для одной колонки таблицы, начиная с первой. То есть
первый такой тэг укажет стиль для первой колонки, второй тэг для второй колонки и так далее. Работает
по-разному в разных браузерах.
Весьма удобный элемент. С ними можно делать что угодно. Разумеется, основное назначение - размещение информации в виде таблицы. Но разработчики сайтов пошли дальше. Одно время очень популярно было использовать таблицы для создания каркаса сайта. Сейчас профессионалы стараются так не делать.
Таблицы нашли свое широкое применение из-за большого количества атрибутов. Например, очень полезным оказалось свойство объединения строк или столбцов.
Введение в теорию
В 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.
Для этого существуют специальные команды и функции в самой программе, а также несколько способов типа надстроек и макросов .
Все они достаточно простые для того, чтобы научиться пользоваться всего за пару приёмов, воспользовавшись следующими советами.
Используя стандартные функции Excel , можно объединить ячейки таблицы.
При этом они выравниваются по центру, соединяются по строкам или просто совмещаются с оставлением прежнего форматирования.
Совет!
Лучше всего проводить объединение заранее, с ещё пустыми ячейками, так как после процедуры информация остаётся только в крайней левой ячейке сверху.
Объединение через контекстное меню
Наиболее лёгким и быстрым способом объединить ячейки и записывать данные в один увеличенный столбец и строку является использование контекстного меню.
Порядок действия следующий:
- Выделяется диапазон ячеек, которые требуют объединения;
- На выделенной части таблицы нажимается правая кнопка мыши;
- В открывшемся меню выбирается пункт «Формат ячеек»;
- Открывается вкладка «Выравнивание»;
- Ставится галочка напротив «Объединение ячеек».
Способ простой, но подходящий, естественно, только для текстовых данных – ячейки с цифрами и формулами объединять неприемлемо и бессмысленно.
Стоит отметить, что при этом в объединённой области остаётся только информация из её левой верхней части, о чём программа заранее предупреждает.
Спасти данные можно, заранее скопировав их в другую область, а уже после совмещения присоединить к оставшемуся тексту
Объединение через панель инструментов
Для программ типа и более старых версий значок объединения выведен сразу на панель. Нажав его, можно не только быстро соединить области, но и сразу же выровнять их посередине.
Это сделано с целью ускорения процесса формирования в строке заголовков текста, которые часто создаются именно таким образом.
Если выполнение команды привело к центральному расположению данных, которое не требуется для текста, их легко выставить в нужное положение (слева или справа), используя команды выравнивания.
На панели Excel 2007/2010/2013 такая кнопка тоже есть, на вкладке «Главная» (группа «Выравнивание»).
Однако здесь она уже снабжена выпадающим меню для увеличения числа выполняемых с её помощью действий.
Пользуясь приведенными командами, можно не просто объединять элементы таблицы с центральным выравниванием, но и выполнить два дополнительных варианты действий:
- Создать целую группу объединённых по строкам ячеек;
- Объединить без выставления текста по центру.
Объединить столбцы даже в этой версии невозможно.
Иногда область не удаётся объединить, а кнопки и команды остаются неактивными. Так происходит, если на листе установлена защита или к книге (документу) разрешён только общий доступ.
Перед соединением областей необходимо удалить все эти условия, открыв возможность к форматированию таблицы.
Функция для объединения текста
Для того чтобы слияние происходило без потери важной информации и данные не пришлось распределять по другим ячейкам и возвращать обратно уже после объединения, стоит воспользоваться функцией «Сцепить».
Сделать это несложно:
- Сначала выбирается ячейка недалеко от объединяемых областей и форматируется нужным образом (например, делается размером 3х3 или 2х6);
- В ней пишется формула типа СЦЕПИТЬ (А1; А2), где указываются ячейки (по одной!), текст из которых будет объединяться).
Результатом станет объединённое поле типа:
Информация в области D1:F8 из ячеек А1 и С3, соединённая без потери текста
Объединение двух или более ячеек в Экселе поможет сделать документ более привлекательным и понятным. Это несложное форматирование, и научиться ему может каждый.
Соединить ячейки можно двумя способами: склеивание ячеек в одну или соединение информации, вписанной в эти ячейки, но при этом возникнет эффект потери данных. Давайте попробуем разобраться, как объединить ячейки в Экселе.
Как объединить две ячейки
Выполните следующие шаги:
- Выделите ячейки, щелкните по ним правой клавишей мыши;
- Выберите пункт «Формат ячеек…», появится новое окно;
- Перейдите в меню «Выравнивание», далее – «Отображение»;
- Установите птичку возле строчки «Объединение ячеек» и нажмите «Enter».
Теперь две ячейки объединятся в одну. Правда, здесь есть один момент. Если вы объединяли ячейки по горизонтали, то останется только та информация, которая была в левой; если объединяли по вертикали – то останется информация, которая была в верхней ячейке. Все, что было написано во второй ячейке, просто удалится.
Соединение данных из разных ячеек
Но в экселе 2010 и других версиях программы можно объединять ячейки таким образом, чтобы все написанное сохранялось. Допустим, у вас три столбика: в первом указано имя, во втором – фамилия, в третьем – отчество. Требуется объединить их в одной ячейке (например, сделать Иван Петров Иванович). Если ФИО не одно, а много, то переписывать все заново – слишком долго. Есть два варианта объединения ячеек, с помощью которых сделать это намного быстрее.
Вариант первый:
- Сделайте четвертый столбик, назвав его ФИО;
- На следующей строчке введите «=A2&B2&C2» (то есть те ячейки, в которых стоят первые фамилия, имя и отчество) и нажмите «Enter»;
- Получится следующее – «ИванПетровИванович». То есть, ФИО будет написано без пробелов;
- Если нужно установить пробелы, вставьте знак «&” “&», то есть, формула будет такой – «A2&” “&B2&” “&C2». В результате получится «Иван Петров Иванович»;
- Чтобы поставить разделитель, можно использовать любой знак, например запятую. Получится такая формула«A2&” “&С2&”, “&В2», в итоге ФИО будут выглядеть так: «Иван Иванович, Петров»;
- Чтобы использовать формулу для других ячеек, скопируйте первую формулу, выделите строчки под ней (напротив которых стоят разделенные фамилия, имя и отчество) и нажмите «Enter».
Вариант второй:
- Аналогично применяется формула «=СЦЕПИТЬ(A2;B2;С2)»;
- Если нужно установить пробел, то «=СЦЕПИТЬ(A2,» «,B2)»;
- Если нужна запятая – «=СЦЕПИТЬ(A2,», «,B2)».
Как разделить объединенные ячейки
- Щелкните по ячейке левой клавишей мыши. На вкладке «Главная» в разделе «Выравнивание» загорится кнопка «Объединить и поместить в центре»;
- Чтобы убрать соединение, просто нажмите эту кнопку.
Правда, при разделении ячеек не произойдет разъединение данных в них. Если они объединялись, информация будет расположена в левой ячейке. Во второй ячейке произойдет эффект потери данных то есть она будет пустой.
Как найти объединенные ячейки
- Перейдите на вкладку «Главная», в раздел «Редактирование»;
- Выберите «Найти и выделить», затем «Найти»;
- Выберите «Параметры», нажмите строчку «Формат»;
- Откройте меню «Выравнивание», в разделе «Отображение» пометьте галочкой строчку «Объединение ячеек»;
- Кликните «ОК»;
- Затем используйте один из двух вариантов:
- Для того чтобы найти очередную объединенную ячейку, щелкните «Найти далее». В экселе будет выделена нужная ячейка;
- Для того чтобы найти сразу все такие ячейки, щелкните «Найти все». Появятся все объединенные ячейки. Можно нажать на любую ячейку в списке – тогда она будет выделена в экселе, и вы увидите, где она расположена.
Важные выводы
- Все данные, которые имеются в ячейках, теряются (за исключением верхней левой в выделенных ячейках, в которых потери нет), это касается любых направлений выделения;
- Объединение ячеек вполне можно вернуть обратно, что не приведет к потери данных. Информация, которая содержалась в них, будет расположена в левой верхней ячейке (она будет расположена сплошным текстом).
Объединение ячеек в Эксель 2010 и других версиях программы помогает ускорить работу с документом и создать более наглядную картину. Используя эту функцию, вы легко научитесь правильно структурировать таблицы.
в правом верхнем углу этого поля, скопируйте программный код и вставьте его в модуль проекта на своем компьютере (подробнее о том,
