А сейчас будьте крайне внимательны, поскольку мы переходим к рассмотрению наиболее сложного вопроса из всех, которые касаются создания таблиц. Речь идет про то как объединить ячейки в таблице HTML.
Когда вы решаете аналогичные задачи в каком-нибудь текстовом редакторе, например, наиболее распространенном – Word, то он практически все делает сам, достаточно лишь нажать соответствующую кнопку. Но если говорить про решение этой задачи в HTML, то здесь все иначе. И если вы будете внимательным, то задача не будет казаться такой уж непосильной.
В первую очередь расскажем, как объединить строки в таблице в HTML. В этом поможет атрибут colspan , который работает с такими тегами, как
Например, вы приписываете данному атрибуту значение 2 . В результате этого ячейка, к которой относится тег, увеличивается в горизонтальном направлении ровно в 2 раза, вытесняя соседнюю. Но вытесненная ячейка никуда не уходит, она присутствует в таблице, только в совершенно новом столбце, который необходимо убрать.
Давайте попрактикуемся, как это делается. Итак, начнем. Попробуем создать таблицу следующего вида:
Согласно вышеописанным правилам нам нужно создать строку, добавить одну простую ячейку, а следом в этой же строке добавить ячейку, которая будет занимать место двух простых ячеек.
В следующей строке нам нужно лишь добавить три простых ячейки. Звучит несложно, давайте перенесём наши мысли в код:
1 | 2 | |
3 | 4 | 5 |
Вот и всё! Совсем ничего страшного!
В вертикальном направлении ячейки объединять немногим сложнее, нежели в горизонтальном. Эта задача решается с помощью атрибута rowspan , который приписывается тегам
Если данному атрибуту задается значение 2 , то ячейка увеличивается в размерах уже вертикально и тянется на следующую строку. Ячейка, расположенная под той, что увеличивается в размерах, идет вправо, что опять-таки образует лишний столбец. И чтобы удалить его, необходимо просто удалить ячейку.
Давайте теперь создадим следующую таблицу:
Подумаем, что нам нужно сделать. Нам нужно добавить ячейку, которая занимает по вертикали места в 2 раза больше, чем простая. затем добавить в этой же строке две простых ячейки.
Переходим на следующую строку. Здесь у нас сразу уже занятое место ячейкой сверху. Переходим в следующую секцию и видим, что нам в этой строке остаётся только добавить две простых ячейки. Переносим в код:
1 | 2 | 3 |
4 | 5 |
Опять-таки, ничего сложного.
В реальных ситуациях таблицы такого типа встречаются очень часто. Попробуйте самостоятельно, используя предложенный нами способ рассуждения, создать с помощью HTML-кода следующую таблицу:
Если всё же не получилось, то вот ответ:
Продукция | Налоговая ставка | ||
---|---|---|---|
c 01.01 по 31.01.2015 | c 01.01 по 31.01.2016 | c 01.01.2015 | |
Дизельное топливо | 3450 руб. за 1 тонну | 4150 руб. за 1 тонну | 3950 руб. за 1 тонну |
При работе с таблицами иногда приходится менять их структуру. Одним из вариантов данной процедуры является объединение строк. При этом, объединенные объекты превращаются в одну строчку. Кроме того, существует возможность группировки близлежащих строчных элементов. Давайте выясним, какими способами можно провести подобные виды объединения в программе Microsoft Excel.
Как уже было сказано выше, существуют два основных вида объединения строк – когда несколько строчек преобразуются в одну и когда происходит их группировка. В первом случае, если строчные элементы были заполнены данными, то они все теряются, кроме тех, которые были расположены в самом верхнем элементе. Во втором случае, физически строки остаются в прежнем виде, просто они объединяются в группы, объекты в которых можно скрывать кликом по значку в виде символа «минус» . Есть ещё вариант соединения без потери данных с помощью формулы, о котором мы расскажем отдельно. Именно, исходя из указанных видов преобразований, формируются различные способы объединения строчек. Остановимся на них подробнее.
Прежде всего, давайте рассмотрим возможность объединения строчек на листе через окно форматирования. Но прежде, чем приступить к непосредственной процедуре объединения, нужно выделить близлежащие строки, которые планируется объединить.
Существуют также альтернативные варианты перехода к окну форматирования. Например, после выделения строк, находясь во вкладке «Главная» , можно кликнуть по значку «Формат» , расположенному на ленте в блоке инструментов «Ячейки» . Из раскрывшегося списка действий следует выбрать пункт «Формат ячеек…» .
Также, в той же вкладке «Главная» можно кликнуть по косой стрелочке, которая расположена на ленте в правом нижнем углу блока инструментов «Выравнивание» . Причем в этом случае переход будет произведен непосредственно во вкладку «Выравнивание» окна форматирования, то есть, пользователю не придется совершать дополнительный переход между вкладками.
Также перейти в окно форматирования можно, произведя нажим комбинации горячих клавиш Ctrl+1 , после выделения необходимых элементов. Но в этом случае переход будет осуществлен в ту вкладку окна «Формат ячеек» , которая посещалась в последний раз.
При любом варианте перехода в окно форматирования все дальнейшие действия по объединению строчек нужно проводить согласно тому алгоритму, который был описан выше.
Также объединение строк можно выполнить, используя кнопку на ленте.
Но далеко не во всех случаях требуется, чтобы текст помещался по центру. Что же делать, если его нужно разместить в стандартном виде?
Но далеко не всегда требуется объединять строчки до конца листа. Намного чаще соединение производится внутри определенного табличного массива. Давайте рассмотрим, как это сделать.
Объединение в границах таблицы можно также выполнить через инструменты на ленте.
Все перечисленные выше способы объединения подразумевают, что после завершения процедуры будут уничтожены все данные в объединяемых элементах, кроме тех, которые разместились в верхней левой ячейке области. Но иногда требуется без потерь объединить определенные значения, расположенные в разных строчках таблицы. Сделать это можно, воспользовавшись специально предназначенной для таких целей функцией СЦЕПИТЬ .
Функция СЦЕПИТЬ относится к категории текстовых операторов. Её задачей является объединение нескольких текстовых строчек в один элемент. Синтаксис этой функции имеет следующий вид:
СЦЕПИТЬ(текст1;текст2;…)
Аргументы группы «Текст» могут представлять собой либо отдельный текст, либо ссылки на элементы листа, в которых он расположен. Именно последнее свойство и будет использовано нами для выполнения поставленной задачи. Всего может быть использовано до 255 таких аргументов.
Итак, у нас имеется таблица, в которой указан перечень компьютерной техники с её ценой. Перед нами стоит задача объединить все данные, расположенные в колонке «Устройство» , в одну строчку без потерь.
Есть также альтернативный вариант провести указанную процедуру по объединению данных из нескольких строчек в одну без потерь. При этом не нужно даже будет использовать функцию, а можно обойтись обычной формулой.
Кроме того, можно сгруппировать строки без потери их структурной целостности. Посмотрим, как это сделать.
Как видим, способ объедения строк в одну зависит от того, какой именно вид объединения пользователю нужен, и что он хочет получить в итоге. Можно произвести объединение строк до конца листа, в пределах таблицы, выполнить процедуру без потери данных при помощи функции или формулы, а также провести группировку строчек. Кроме того, существуют отдельные варианты выполнения данных задач, но на их выбор уже влияют только предпочтения пользователя с точки зрения удобства.
Весьма удобный элемент. С ними можно делать что угодно. Разумеется, основное назначение - размещение информации в виде таблицы. Но разработчики сайтов пошли дальше. Одно время очень популярно было использовать таблицы для создания каркаса сайта. Сейчас профессионалы стараются так не делать.
Таблицы нашли свое широкое применение из-за большого количества атрибутов. Например, очень полезным оказалось свойство объединения строк или столбцов.
В HTML объединение ячеек происходит при помощи двух атрибутов: colspan и rowspan. Они указываются для тега td.
Давайте для начала разберем структуру любой таблицы, прежде чем будем углубляться в тему. В любой таблице есть строка, а в ней - ячейки. Запомните, что изначально все таблицы должны содержать одинаковое количество ячеек.
На рисунке выше указано две строки, и в каждой по три ячейки. Это является обычной таблицей. Если вы в какой-нибудь строке укажите меньшее количество ячеек, то таблица "съедет", всё будет отображаться некорректно.
Указывать меньшее количество ячеек или строк можно только в том случае, если вы что-то объединяете. Но вместо удаленного элемента в ближайшем соседнем к началу нужно указать дополнительный атрибут. Если объединяете столбцы, то colspan, если строки, то rowspan. В значении атрибута указывается количество элементов, которые нужно объединить.
Обратите внимание, что указывать нужно именно в ближайшем элементе к началу. Например, на рисунке выше, если бы вы хотели объединить ячейку 1 и 2, нужно указать в ячейке 1 атрибут colspan со значением два. И удалить ячейку номер 2 или 3, уже не важно.
Суть заключается в том, что вы указываете ячейке, сколько пространства она займет. По умолчанию значение составляет 1.
Объединение ячеек по вертикали HTML-таблицы происходит по такому же принципу. Просто занимаемое пространство будет считаться по вертикали. Смотрим рисунок ниже.
Здесь ячейка с цифрой 43 занимает две строки. Для этого указали атрибут rowspan. Запоминается просто:
Создатели языка старались максимально приблизить его к человеческому, чтобы, даже не зная его, можно было хоть как-то разбираться.
В HTML объединение ячеек можно делать сразу в двух направлениях: по вертикали и горизонтали. Для этого указываем одновременно оба атрибута.
На рисунке выше как раз это и указано, что можно делать объединение: строк, столбцов и одновременно столбцов и строк.
Рассмотрим более сложные поэтапные примеры в больших таблицах. Ниже на рисунке слева указан исходный вариант обычной таблицы. А справа - вариант с объединением двух ячеек во второй строке. Так нагляднее и проще сравнивать HTML-код.
Так же можно объединить три ячейки в центре. В первом случае атрибут colspan указывали в ячейке №1. Здесь первая будет без изменений, а во второй добавлен colspan, равный трем.
Если же вы хотите объединить все ячейке в строке до единой, то удаляем четыре td и в первой указываем colspan="5".
Как видите, на деле всё это просто. Сложного ничего нет. Главное, внимательно, с первого раза, разобраться во всех подводных камнях таблиц, и потом никаких проблем возникать не должно.
В HTML объединение ячеек не всегда используется для обычных таблиц с информацией (как в Word или Excel). Разработчики сайтов часто, а раньше поголовно использовали их для верстки сайтов.
Например, можно рассмотреть этот макет сайта. Данный дизайн - очень простой и примитивный. Но здесь можно показать использование объединения явным образом.
Здесь изначально была таблица из трех строк, по две ячейки в каждой. Затем, чтобы разместить логотип сайта, две ячейки в первой строке были объединены. В нижней строке сделали то же самое, чтобы разместить "подвал".
Благодаря этому можно размещать элементы дизайна на своих местах, и ничто никуда не уедет за свои пределы. Это весьма удобно и просто. Поэтому и было настолько популярно. Сейчас же рекомендуется для создания блоков тег div.
И помните, что в HTML table объединение ячеек можно делать как угодно. Всё зависит от того, что вам надо, и как вы хотите это оформить. Главное, не запутайтесь. Если хотите создать большую таблицу с большим количеством объединений, то рекомендуется предварительно нарисовать всё это на листочке или в Paint. Начинающим верстальщикам так будет проще.
Когда наберетесь опыта, такие операции вы сможете без труда производить в своей голове.
Здесь рассмотрим, как в Excel объединить ячейки, текст ячеек, ячейки без потери данных, столбцы, строки, списки, таблицы
,
т.д.
Как объединить ячейки в
Excel.
Выделяем ячейки, которые хотим объединить. На закладке «Главная» в разделе «Выравнивание» нажимаем на кнопку «Объединить».
Ещё функцию "Объединить" можно вызвать из контекстного меню - «Функции Excel. Контекстное меню».
Выделяем ячейки, которые нужно объединить. Нажимаем на ячейку выделенного диапазона правой мышкой. Из появившегося контекстного меню выбираем функцию «Формат ячеек». В появившемся диалоговом окне переходим на закладку «Выравнивание» и ставим галочку у функции» «объединение ячеек».
Сразу посмотрим – здесь же можно установить галочки для переноса текста в ячейке, чтобы весь длинный текст был виден в ячейке.
Было. Стало.5. Теперь столбцы С и D объединяем, а столбец А с исходными данными и столбец В с формулой удаляем. Получилась такая же таблица, только ячейки А и В объединены и данные в них объединены.
Если ячейки с исходными данными удалять не нужно, то не нужно копировать значение столбца с формулой (пункт 4 не нужно делать). А столбец с формулой объединить со вторым столбцом.
Можно столбец А просто скрыть, чтобы не мешал.
Практически все пользователи начинающие работать с офисной программой Excel, задаются вопросом:"Как объединить ячейки в Excel?". Для использования данной функции, в редакторе имеется несколько специальных команд, которые за считанные секунду помогут сделать задуманное. Пользоваться ими довольно просто, следует лишь запомнить пару нехитрых приемов, которые мы обсудим ниже.
Для объединения ячеек в редакторе можно использовать её стандартные возможности. К тому же, они автоматически будут перемещаться в центр и самостоятельно соединятся по строкам и с другими таблицами. Чтобы таблица выглядела правильно, следует объединять все заранее, когда ячейки еще пустые, так как после окончания процедуры, часть введенного текста может уйти за рамки.
Рассмотрим несколько способов для объединения ячеек. Итак, первый способ работает с помощью контекстного меню. Данный метод считается наиболее легким и быстрым, чем остальные.
Инструкция:
- Для начала, следует выделить нужный диапазон ячеек, которые вы собираетесь объединить;
- По выделенной области, жмем правой кнопкой мыши;
- В появившемся списке, следует выбрать строку с надписью "Формат ячеек";
- После на экране появится вкладка "Выравнивание";
- Ставим галочку рядом с пунктом "Объединение ячеек".
Выполнить выше сказанные действия проще простого, вот только использовать его можно лишь для текстовой информации, а для цифр и различных формул все будет бессмысленным занятием. Не стоит забывать, что в выделенном месте остаются лишь данные из левой верхней части, о чем программа ставит в известном, перед началом процесса.
Прийти на помощь данным можно, если заранее скопировать их в другую часть редактора и лишь после вставлять в таблицу.
Второй способ использует панель инструментов.
В программах типа Excel 2003 и более ранних версиях, иконка с объединением расположена прямо на панели, нажав на которую можно быстро соединить нужные области и одновременно выровнять по центру. Все это было сделано для быстрого определения заголовка текста в строке, которые формируются именно таким способом.
Если же данные действия переместили всю информацию в центр редактора, что было не обязательно для текста, то без проблем можно вернуть все в исходное положение, используя команды справа и слева.
Excel 2007,2010,2013 имеют такую же кнопку, которая расположена в строке "Главная". В отличии от старых версии, данная функция также наделена выпадающим меню, что увеличивает количество выполняемых ею действий.
Используя выше сказанные команды, можно провести не только объединение ячеек с выравниванием по центру, но и воспользоваться не менее важными дополнительными функциями, как: создание целой группы объединенных по строкам ячеек и объединение без выставления данных по центру.
В некоторых случаях, провести объединение невозможно, а кнопки на панели находятся в режиме не активности. Данная проблема может возникнуть из-за установленной защиты или же к документу отсутствует общий доступ. Перед проведением процедуры объединения, следует для начала избавиться от всех этих условий и открыть возможность форматирования таблицы.
Третий способ.
Для избежания утраты необходимой информации во время процедуры слияния, следует воспользоваться функцией "Сцепить". Данные действия не требуют преждевременного распределения данных по другим ячейкам и возвращения их обратно, после слияния.
Инструкция:
- Во-первых, следует выбрать ячейку, расположенную неподалеку от объединяемых областей и форматировать правильным образом. К примеру, используем размер 2x6, 3x3;
- Далее, в ней пишем формулу типа CЦЕПИТЬ (A1;A2), после чего там же указываем ячейки с текстом, которые и будут объединяться.
В результате мы получим объединенную область.
Четвертый способ.
Для этого метода используется символ "&", что однозначно является самым простым способом объединения ячеек без потери какой-либо информации. Например, символ "+" используется для суммирования информации в ячейках, а "&" предназначен для её склеивания. Данный знак расположен на верхнем ряду клавиатуры с английской раскладкой, на клавише с цифрой "7".
Пятый и последний способ.
Последний способ использует макросы и надстройки. Процесс объединения ячеек в таблице, используя один и тот же метод, можно ускорить с помощью комбинации клавиш CTRL+C и CTRL+V, что означает копирование и вставка форматирования. Эти же действия можно выполнить, выбрав путь написания макроса. Для этого необходимо выбрать нужную формулу или же использовать макрорекордер.
Если же вы не обладаете навыками создания алгоритмов, тогда стоит воспользоваться уже встроенными в Excel, благодаря которым можно провести объединение столбцов, строк и ячеек с указанным шагом. Часть из них, обладают возможностью соединения текстовых данных с формулами, без последующей утери информации.