Лекция 11. РАБОТА С ТАБЛИЦАМИ
Лекция посвящена вопросам создания и изменения таблиц в документах. Приведены общие сведения о таблицах, правила оформления текста в таблицах. Показаны различные способы создания таблиц в документах Microsoft Word 2010. Рассмотрены возможности редактирования макета таблицы. Приведены способы изменения размеров элементов таблицы. Изучаются способы оформления таблиц. Рассмотрено создание пользовательского стиля таблицы. Дано представление о возможностях вычислений в таблицах документов Microsoft Word 2010. Показана сортировка данных в таблице.
1. Уровень 3. Назначение таблиц
Таблица — форма организации материала в тексте издания, при которой систематически представленные группы взаимосвязанных данных располагаются по графам (столбцам) и строкам таким образом, что каждый отдельный показатель входит в состав и графы, и строки [2].
1) для создания макетов — фрагменты текста и рисунки располагаются нужным образом в ячейках таблицы, границы таблиц при этом не прочерчиваются;
2) для упорядочивания данных, которые в виде таблиц легче воспринимаются и анализируются;
3) для выполнения различных вычислений;
4) для создания бланков документов;
5) для использования табличных данных для создания диаграмм. Ячейки таблицы могут содержать текст, графические объекты,
Кроме обычных таблиц Word документы могут содержать таблицы, импортированные из Microsoft Excel, а также таблицы Microsoft Excel, созданные непосредственно в документе.
2. Уровень 3. Строение таблиц
Таблицы состоят из строк и столбцов, на пересечении которых расположены ячейки. Ячейки и строки имеют символы, которые обозначают конец ячейки или конец строки соответственно. Эти символы являются непечатаемыми знаками и отображаются только на экране.
По умолчанию таблица в Word имеет границу в виде тонкой сплошной линии черного цвета, которая сохраняется при печати. Если удалить эту границу, то остаются линии сетки, которые не печатаются.
В таблицах используются следующие основные элементы
Рис. 11.1. Строение таблицы:
1 — нумерационный заголовок; 2 — тематический заголовок; 3 — боковик; 4 — графы; 5 — головка; 6 — хвост; 7 — прографка
нумерационный заголовок 1 таблицы, используемый для нумерации таблиц и возможности на них ссылаться, состоит из слова «Таблица» и ее порядкового номера (в Word — название);
тематический заголовок 2 , отражающий содержание таблицы;
боковик 3 — первый слева столбец, включающий наименования
строк, поясняющие их содержание. Он может содержать еще и предшествующий столбец, например номер по порядку (№ п/п). Нумерационные заголовки боковика или столбец «№ п/п» нужны, когда в комментариях делаются ссылки на табличные строки;
графа 4 — ряд данных в таблице, расположенный вертикально и обычно помещенный между вертикальными линейками. В терминологии, принятой в компьютерном наборе, графы называются столбцами;
головка 5 (шапка, в Word — заголовок) — одна (одноярусная головка) или несколько верхних строк таблицы (многоярусная головка), содержащие заголовки боковика и граф (на рис. 11.1 темно-серая область);
хвост 6 — нижняя часть таблицы без головки (на рис. 11.1 обведенныйпрямоугольник), котораяподразделяетсянабоковикипрографку;
прографка 7 — часть таблицы без головки и боковика, содержащая сведения, составляющие содержание таблицы (на рис. 11.1 светло-серая область).
3. Уровень 2. Основные правила набора и верстки таблиц [4, 6]
1. Все таблицы в одном документе должны быть набраны
и оформлены единообразно.
2. Таблица размещается после первого упоминания о ней в тексте таким образом, чтобы ее можно было читать без поворота страницы документа (книжная ориентация) или с поворотом по часовой стрелке (альбомная ориентация).
3. Таблицы отбиваются от текста сверху и снизу на размер кегля шрифта основного текста документа.
4. Интерлиньяж для таблиц — одинарный.
5. Все таблицы, если их больше одной, нумеруются арабскими цифрами в пределах раздела. Номер таблицы состоит из номера раздела и порядкового номера таблицы, разделенных точкой, например «Таблица 5.1» (первая таблица пятого раздела). Знак № не ставится. Если в документе одна таблица, то номер ей не присваивается и слово «Таблица» не пишется.
6. На все таблицы в тексте документа должны быть ссылки, при этом слово «таблица» в тексте документа пишется полностью, если таблица не имеет номера, и сокращенно, если имеет номер, например
7. Нумерационный и тематический заголовки набирают шрифтом на 1–2 пт меньше основного текста документа.
8. Нумерационный и тематический заголовки таблицы набираются в разных строках и между собой не отбиваются.
9. Нумерационный заголовок набирается строчными буквами (кроме первой прописной) и помещается в правом верхнем углу над тематическим заголовком таблицы с указанием номера таблицы.
10. Нумерационный заголовок указывается один раз над первой частью таблицы, а над другими ее частями пишется только надпись «Продолжение табл. (номер)» или «Окончание табл. (номер)» (если на этой странице таблица заканчивается) с указанием номера таблицы.
11. Тематический заголовок таблицы набирается строчными буквами (кроме первой прописной). Он помещается над таблицей, выключается по центру таблицы и отбивается от нее на 2–6 пт или строку. Точка в конце заголовка не ставится.
12. Не допускается помещать внизу страницы только заголовок
и головку таблицы, любая из частей таблицы должна содержать не менее двух строк.
13. Заголовки в головке таблицы (названия столбцов) набираются кеглем на 2 пт меньше основного текста самой таблицы. Их располагают горизонтально и отбивают от линеек сверху и снизу не менее чем на 2 пт.
14. Начинают заголовки граф с прописной буквы в одноярусной головке и в верхнем ярусе многоярусной головки.
В подчиненных ярусах — с прописной буквы, если они грамматически не связаны со стоящим над ним заголовком, и со строчной, если грамматически подчинены ему (рис. 11.2) [4].
Рис. 11.2. Оформление многоярусной головки таблицы
15. Заголовки граф ставят в именительном падеже единственного или множественного числа и набираются без переносов и сокращений, точка в конце заголовков не ставится.
16. Горизонтальные заголовки в головке таблицы выравниваются по центру и по высоте строки, и по ширине графы.
17. Заголовки в головке можно располагать вертикально только
в тех случаях, если ширина графы меньше высоты ячейки головки.
18. Обозначения единиц измерения для приводимых в таблице величин всегда выносятся или в головку таблицы, или в тематический заголовок либо указываются в боковике. Эти обозначения записывают
в сокращенном виде через запятую и без предлога «в», например «Начисления, руб.».
19. Порядок элементов одного заголовка графы в головке таблицы: словесное определение, буквенное обозначение, обозначение единицы физической или иной величины, указание об ограничении (от, до, не более, не менее). Например: Длина l , м, не более [4].
20. Основным текстом таблицы считается хвост таблицы. Для его набора используется кегль на 2 пт меньше основного текста документа.
21. Текстовые элементы в прографке ставят в именительном падеже единственном числе, начинают, как правило, с прописной буквы,
а точку в конце опускают.
22. Текстовая информация по ширине столбцов таблицы выравнивается влево (однострочная) и на формат (многострочная).
23. Названия марок машин или другого оборудования выравнивают по центру столбца, если это боковик таблицы.
24. Названия книг, издательств, фирм и т. п. в кавычки не заключаются, исключение — запись типа: ОАО «Агат».
25. Знаки тире «—», используемые вместо отсутствующих величин, всегда выключают по центру графы в таблице.
26. Числа располагают в графах следующим образом [4]:
если хотя бы одно число в таблице пятизначное, то все числа, начиная с четырехзначных, разбивают на классы;
числовые значения одной величины — единицы под единицами, десятки под десятками и т. д. (рис. 11.3);
И снова таблицы..
Данная глава является продолжением 4 главы про таблицы, отложил я её на потом по нескольким причинам. Во-первых, четвёртая глава и без того получилась длинноватой и «неповоротливой».. Во-вторых, не хотел, что бы Вы на тот момент погрязли в изучении таблиц и так сказать топтались на месте.. обучение, на мой взгляд, должно происходить живенько, интересно, а главное результативно! Зато теперь, когда у Вас сложилось общее представление о HTML, Вы разобрались с его базовой частью, сделали свой первый нехитрый сайт, можно наращивать багаж знаний, умений и навыков. Ну и в-третьих, я надеюсь, что Вы к этому времени, параллельно начали изучать CSS.. что разве ещё нет? жаль.. Дело в том, что далее в этом учебнике нет нет будут попадаться вещи, которые сами по себе могут показаться бесполезными и бессмысленными, однако в купе с другими науками они порой незаменимы!
Ладно, вернёмся к таблицам..
В качестве «полигона» для изучения нового материала возьмём вот такую жутко скучную таблицу:
| Продукт | Белки | Жиры | Углеводы | ккал |
| Хлеб ржаной | 4,7 | 0,7 | 49,8 | 214 |
| Молоко | 2,8 | 3,2 | 4,7 | 58 |
| Картофель | 2 | 0,1 | 19,7 | 83 |
| Свинина | 11,4 | 49,3 | 9 | 489 |
| Итого: | 20,9 | 53,3 | 83,2 | 844 |
Ну что ж, давайте поколдуем над ней..
Заголовки таблиц.
Любая ячейка таблицы может быть определена как заголовок. Для того чтобы сделать ячейку таблицы заголовком нужно вместо знакомого тега <td> использовать тег <th> .
Например, вот так:
Как правило, текст ячейки определённый в качестве заголовка отображается браузерами жирным шрифтом по центру ячейки.
Ну что давайте попробуем сделать некоторые ячейки нашей таблицы заголовками? смотрим пример:
К тегу <th> могут применятся точно такие же атрибуты как и к тегу <td> о них мы говорили в 4 главе поэтому повторятся не буду, а просто перечислю их:
- width — Ширина ячейки в процентах или пикселях.
- height — Высота ячейки в процентах или пикселях.
- align — Выравнивает текст в ячейке:
- left — по левому краю.
- right — по правому краю.
- center — по центру.
- justify — по левому и правому краю.
- top — по верхнему краю.
- middle — по центру.
- bottom — по нижнему краю.
- baseline — по базовой линии.
Думаю понятно, а посему идем дальше..
Название таблицы и её описание
Тег <caption> позволяет озаглавить таблицу, подписать её каким либо текстом. Данный тег должен располагаться внутри таблицы сразу после <table>
К тегу <caption> может быть применён атрибут align — выравнивание названия таблицы по горизонтали с возможными значениями left, right и center , а также атрибут valign который говорит от том где должно располагаться название сверху — top или снизу — bottom таблицы.
Однако хочу отметить, что данные атрибуты в разных браузерах ведут себя по разному, так например, запись:
<caption align=»left»>Текст</caption>
— для браузеров IE и Opera разместит название сверху таблицы по её левому краю, а для браузера Firefox это будет значить, что название следует размещать слева от самой таблицы.
Так же название таблицы или её краткое описание можно указывать с помощью атрибута summary тега <table>
<table summary=»описание таблицы»>
Такое описание никак не отображается и не выводится на экран обычными браузерами, однако может быть использовано поисковыми системами, а так же речевыми браузерами.
Группировка строк.
Знакомимся с тегами: <thead>, <tbody> и <tfoot> . Данные теги являют собой емкость для строк таблицы (тег <tr> ) позволяя тем самым группировать и логически ими управлять.
- Тег <thead> — (От Англ. table head — «голова» таблицы) Предназначен для группировки одной или нескольких верхних строк в таблице, делая тем самым «шапку» таблицы.
- Тег <tbody> — (От Англ. table body — «тело» таблицы), Как правило этим тегом группируют центральные строки в таблице с основным содержанием.
- Тег <tfoot> — (От Англ. table footer — нижний колонтитул таблицы) Определяет «подвал» таблицы, состоящий из одной или нескольких нижних строк.
Следует отметить несколько правил использования данных тегов:
Данные теги могут быть расположены только внутри таблицы — контейнера <table> .
Теги <thead> и <tfoot> допускается использовать только один раз для одной таблицы, на тег <tbody> данное правило не распространяется.
Структура таблицы при использовании всех трёх данных тегов должна выглядеть вот так:
То есть сверху всегда должен быть контейнер <thead> потом <tbody> и <tfoot> , данные теги не могут пересекаться и быть вложенными друг в друга. А вот тег <tfoot> можно поменять местами с <tbody> , и что примечательно строки взятые в данный тег всё равно браузерами будут отображаться внизу таблицы.
К данным тегам допускается применять атрибуты выравнивания текста в ячейках align и valign , указывать цвет фона строк взятых в группу с помощью bgcolor , делать всплывающую подсказку с помощью title , однако на практике работать во всех браузерах будет только align и title .
Просто ради информации.. есть ещё атрибуты:
- char — Выравнивание относительно заданного символа.
- charoff — Смещение относительно указанного символа.
Но эти товарищи вообще не прижились ни в одном из известных браузеров! Толку с них как с козла молока.
Так зачем спросите Вы вообще нужны теги группирования строк если с помощью них практически ничего не сделать? Отвечу чуть ниже, а пока смотрим пример:
Теперь отвечу, зачем вообще нужны <thead>, <tbody> и <tfoot> ..
Основное предназначение данных тегов это логическая группировка строк в группы, а это в свою очередь облегчает работу с таблицей, например через стили или скрипты, теперь не нужно определять тот же стиль для каждой строчки, а достаточно указать его для всей группы.. Я сказал стиль? Ах да я же забыл, что Вы еще незнакомы с CSS..
Выходя за рамки темы данной главы, хочу отметить, что практически к любому тегу применим замечательный атрибут style , с помощью которого можно сделать практически все, что касается дизайна того или иного элемента.. А еще есть не менее замечательный тег <style> который внедряет в страницу стили CSS.. но это всё материал из другого учебника, поэтому здесь мы говорить об этом не будем.
Просто покажу пока что малопонятный для Вас пример:
Курсивом в данном примере выделено стилевое описание тегов написанное с помощью средств CSS.
Группировка столбцов.
Группировать можно не только строки, но и столбцы таблицы с помощью тегов <col> и/или <colgroup> данные теги позволяют определить основные параметры столбцов таблицы с помощью следующих атрибутов:
- width — Ширина столбца в процентах или пикселях.
- align — Выравнивает текст в ячейке:
- left — по левому краю.
- right — по правому краю.
- center — по центру.
- justify — по левому и правому краю.
- top — по верхнему краю.
- middle — по центру.
- bottom — по нижнему краю.
- baseline — по базовой линии.
Давайте сгруппируем колонки нашей пробной таблицы про энергетическую ценность продуктов питания, она у нас состоит из пяти столбцов, значит, после тега <table> следует написать, что-то типа:
<col width=»140″ bgcolor=»#deb887″>
<col width=»100″ bgcolor=»#faebd7″>
<col width=»100″ bgcolor=»#faebd7″>
<col width=»100″ bgcolor=»#faebd7″>
<col width=»60″ bgcolor=»#f5f5dc»>Для каждой колонки свой тег <col> с указанными параметрами, где первый тег это описание левой колонки таблицы. второй тег — группирует вторую колонку и далее по порядку..
Обратите внимание, что в нашей таблице вторая, третья и четвертая колонки имеют одинаковые параметры width=»100″ bgcolor=»#faebd7″ так вот чтобы не прописывать каждую одинаковую колонку отдельно можно воспользоваться атрибутом span , который указывает какое количество последующих колонок имеет идентичные параметры. В нашем случае запись приобретёт следующий вид:
<col width=»140″ bgcolor=»#deb887″>
<col span=»3″ width=»100″ bgcolor=»#faebd7″>
<col width=»60″ bgcolor=»#f5f5dc»>Таким образом мы указали, что три колонки, начиная со второй, имеют одинаковую ширину и цвет фона. Представьте, если бы таких колонок было штук пятьдесят? как бы мы облегчили код.
Ну а вот собственно рабочий пример наших стараний:
Тег <colgroup> практически идентичен тегу <col> и имеет точно такие же атрибуты, так наш выше изложенный пример мог бы иметь такой вид:
<colgroup width=»140″ bgcolor=»#deb887″>
<colgroup span=»3″ width=»100″ bgcolor=»#faebd7″>
<colgroup width=»60″ bgcolor=»#f5f5dc»>Никакой заметной разницы мы бы не увидели. Однако, некоторые отличия всё же есть.. Во-первых, <colgroup> может служить емкостью тля тегов <col> , конструкция такая:
Во-вторых, если бы мы к тегу <table> применили атрибут rules со значением groups (об этом атрибуте речь пойдёт ниже) эффект будет достигнут только при использовании <colgroup> .
Больше никакой разницы между этими тегами нет.
Обратите внимание, что в этом примере колонки таблицы поделены на три группы с помощью <colgroup> , в этих группах мы указали цвет фона и способ выравнивания, а ширину колонок мы задаём с помощью тегов <col> , которые находятся внутри контейнеров <colgroup> .
Как и в случае с группировкой строк, колонки группируются с основной целью дальнейшего воздействия на них через стили или скрипты.
Границы таблицы.
Ранее в главе «Таблицы» мы с Вами познакомились с атрибутами border — ширина границы и bordercolor — цвет границы, но это не весь набор инструментов применимых к границам таблицы.. Есть ещё два атрибута: frame и rules о них мы и поговорим ниже.
Начнём с атрибута frame — рамка, данный атрибут применяется к тегу <table> и указывает на то, как следует отображать внешние границы таблицы, то есть вокруг самой таблицы, а не между её отдельными ячейками
Атрибут frame может принимать следующие значения:
- void — не отображать границы вокруг таблицы.
- border — отображать границы вокруг таблицы (по умолчанию).
- hsides — отображать только горизонтальные границы сверху и снизу.
- vsides — отображать только вертикальные границы слева и справа.
- above — отображать только верхнюю границу таблицы.
- below — отображать только нижнюю границу таблицы.
- lhs — отображать только левую границу.
- rhs — отображать только правую границу.
А вот атрибут rules в отличие от frame наоборот указывает на то, как следует рисовать границы между ячейками таблицы.
Атрибут rules может принимать следующие значения:
- all — отображать все границы между ячейками.
- none — не отображать границы между ячейками.
- rows — отображать границы только между строками.
- cols — отображать границы только между стобцами.
- groups — отображать границы только между группами строк и группами столбцов образованными с помощью тегов: <thead>, <tbody>, <tfoot> и <colgroup> .
Атрибут rules напрочь игнорирует браузер Opera, но как я уже не раз намекал такие проблемы можно решить с помощью средств CSS.
Полезные советы:
Тег <col> помимо своей прямой задачи, решает еще одну полезную штуку..
При загрузке таблицы браузеры не показывают её содержание до тех пор пока таблица полностью не загрузилась. Так вот при использовании тега <col> , браузер зная количество и будущие размеры колонок, сразу начинает показывать содержание, не дожидаясь полной загрузки.. что есть гуд! особенно при медленном соединении Интернета. Сайты свёрстанные табличным способом перестают «плясать» во время загрузки.По наблюдениям, на тег <th> обращают внимание поисковые системы, и слова в заголовке таблицы имеют больший «вес», в глазах поисковиков, нежели чем текст в обычных ячейках, что в свою очередь может повлиять на результаты выдачи по тому или иному поисковому запросу.
Всё что написано в этой главе, по большей своей части, ориентированно на логику таблиц, что облегчает жизнь всем!:
— Веб-мастерам, для более простого управления таблицей через стили или скрипты.
— Браузерам, и речевым браузерам для более корректного отображения или чтения таблиц.
— Алгоритмам поисковых систем, которые стараются найти эту самую логику на той или иной странице, чтобы выдать пользователю наиболее релевантные результаты.Так что не стоит пренебрегать тегами: <thead>, <tbody>, <tfoot>, <th>, <col>, <caption>, <colgroup> — они весьма полезны!
Викиверситет : Как делать таблицы
Таблицы являются удобной формой для отображения информации. Но таблицы выполняют лишь тогда свою цель, когда между строчками и столбцами имеется смысловая связь, то есть информацию в них можно рассортировать неким образом, например, по дате или алфавиту.
С другой стороны, таблицы сложнее обычного текста. Так что применять их имеет смысл лишь там, где они действительно улучшают восприятие материала. Поэтому предварительно обдумывайте: не лучше ли использовать обычный список. И постарайтесь делать таблицу как можно проще, чтобы и менее опытные участники могли вносить в неё изменения.
Рекомендуется также следовать правилам оформления таблиц, особенно в случаях, если цветовое оформление не несёт специального смысла.
Содержание
Основы [ править ]
Любая таблица в wiki-стиле состоит из ячеек.
Простейшая таблица состоит из одной ячейки:
Это ячейка Cложные таблицы состоят из множества ячеек:
Это ячейка И это ячейка И это ячейка Ячейки могут объединяться в строки и/или столбцы. Таблицы, состоящие из двух и более строк, называются многострочными.
← Это строка → ← И это строка → ← И это строка → ↑ ↑ ↑ Это столбец И это столбец И это столбец ↓ ↓ ↓ Дополнительным элементом таблицы является заголовок таблицы.
Это заголовок таблицы
Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4 Ячейка 5 Ячейка 6 Ячейка 7 Ячейка 8 Ячейка 9 Строки и столбцы в таблице тоже могут иметь заголовки.
Это заголовок столбца И это заголовок столбца Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4 Ячейка 5 Ячейка 6 И это заголовок строки Ячейка 1 Ячейка 2 Ячейка 3 Это заголовок строки Ячейка 4 Ячейка 5 Ячейка 6 И это заголовок строки Ячейка 7 Ячейка 8 Ячейка 9 По своему оформлению таблицы подразделяются на классы.
Оформление ячеек может быть осуществлено посредством классов оформления ячеек.
Таблицы могут быть интерактивными, давая возможность пользователю манипулировать представлением табличных данных.
Эту таблицу можно свернуть/развернуть:
Общий заголовок Заголовок 1 Заголовок 2 Заголовок 3 Ячейка 1*1 Ячейка 2*1 Ячейка 3*1 Ячейка 1*2 Ячейка 2*2 Ячейка 3*2 В этой таблице можно сортировать данные по убыванию/возрастанию в столбцах «Латиница» и «Кириллица», но не в столбце «Цифры»:
Латиница Кириллица Цифры A А 10 B Б 20 C В 30 D Г 40 Прочие характеристики таблицы и её элементов
Таблица в тексте статьи может быть выровнена по любому краю, а также может быть «плавающей».
Исходный код таблицы [ править ]
Открывающие и закрывающие элементы [ править ]
Исходный код таблицы заключается в фигурные скобки . Первая фигурная скобка исходного кода таблицы называется открывающей скобкой, последняя — закрывающей. После открывающей скобки таблицы ставится вертикальная черта | . Вертикальная черта также ставится перед закрывающей скобкой таблицы. Открывающая скобка таблицы с вертикальной чертой называется открывающим элементом таблицы, а вертикальная черта с закрывающей скобкой — закрывающим элементом таблицы.
Ячейки [ править ]
Каждая ячейка в таблице начинается с одинарной вертикальной черты | , после которой пишется содержимое ячейки. Между вертикальной чертой и первой буквой текста содержимого ячейки допускается вставлять пробел.
Запись каждой ячейки в таблице начинают, как правило, с новой строчки:
Вики-разметка также позволяет записывать ячейки в одну строчку. При этом, все ячейки, следующие за первой ячейкой в строке, начинаются с двойной вертикальной черты: || . Например:
Строки и столбцы [ править ]
Ячейки в таблице можно организовывать в строки.
Строка таблицы начинается с вертикальной черты, после которой пишется дефис: |- . Таблица может иметь множество строк.
Записи ячеек в табличной строке начинают с новой строчки в исходном коде таблицы. Каждая последующая ячейка в строке может быть записана с новой строчки или в одну строчку.
Запись ячеек в одну строчку позволяет обеспечить визуальную организацию ячеек в столбцы в исходном коде, облегчая работу с содержимым ячеек в многострочных таблицах. При этом отображение таблицы в Викиверситете ничем не будет отличаться от отображения таблицы, в исходном коде которой каждая ячейка записана с новой строчки.
Примеры простых таблиц [ править ]
Пример таблицы, состоящей из одной строки [ править ]
Пример многострочной таблицы [ править ]
Выравнивание текста в ячейках [ править ]
Таблица текст Таблица текст Табличные рамки [ править ]
Толщина линий рамки задаётся атрибутом border=»n» , где «n» — толщина линии:
Изменять оформление рамки таблицы также можно с помощью атрибута class . Подробнее об этом см. «Классы таблиц». Как правило, рекомендуется использовать class=»standard» :
Заголовки [ править ]
Заголовок таблицы [ править ]
Таблицу можно снабдить заголовком, который раскрывает смысл содержащихся в таблице данных. Заголовок таблицы по умолчанию располагается по центру по ширине таблицы, однако может быть выровнен по краю таблицы и оформлен с посредством параметров или синтаксиса HTML.
Для того, чтобы у таблицы появился заголовок, с новой строчки после открывающего элемента таблицы поставьте вертикальную черту и знак «плюс» |+ . , и напишите текст заголовка.
Заголовок строки/столбца [ править ]
Чтобы содержимое ячейки выделялось жирным шрифтом и центрировалось, вместо вертикальных чёрточек ставятся восклицательные знаки. Обычно это применяется для выделения заголовков. Подробнее о стилях оформления таблиц см. Викиверситет:Оформление таблиц.
В классе «standard» заголовки подсвечиваются:
Объединение ячеек [ править ]
В wiki-стиле, как и в HTML, имеется возможность объединять несколько ячеек как по вертикали, так и по горизонтали. Для объединения по вертикали применяется атрибут rowspan=»n», где «n» — число ячеек, которые должна объединить данная ячейка. Этот атрибут вписывается перед содержанием объединяющей ячейки.
Цветовое оформление таблиц [ править ]
Текст, находящийся в таблице, можно сделать цветным. С этой целью применяются те же тэги, что и в HTML:
- для отдельного слова — <span style=»color:#ABCDEF»>Tекст</span>;
- для длинного текста — <div style=»color:#ABCDEF»>Текст, текст.</div>,
где «ABCDEF» — индекс цвета в Таблице цветов.
В Викиверситете это будет выглядеть следующим образом:
Сделать цветную ячейку можно с помощью атрибута style=»background:#rrggbb» , где «rrggbb» обозначает индекс цвета в таблице цветов.
В Викиверситете это будет выглядеть следующим образом:
Ячейка 1*1 Ячейка 2*1 Ячейка 3*1 Ячейка 1*2 Ячейка 2*2 Ячейка 3*2 Ячейка 1*3 Ячейка 2*3 Ячейка 3*3 Вложенные таблицы [ править ]
Основные принципы [ править ]
Под вложенной таблицей подразумевается таблица, вложенная в какую-либо ячейку существующей, ранее созданной таблицы (родительская таблица). Написание кода вложенной таблицы подчиняется общим правилам для таблиц.
Для создания вложенной таблицы, надо найти в родительской таблице ячейку, в которую предполагается вложить таблицу, и с новой строки вписать код вложенной таблицы, открывая и закрывая вложенную таблицу фигурной скобкой, как при написании обычной таблицы.
Мы хотим в ячейке 2 родительской таблицы сделать вложенную таблицу.
Обратите внимание, что без указания параметров рамки ( border=»n» ) для вложенной таблицы, по умолчанию толщина линии рамки вложенной таблицы равна « 1 ».
Объединённые таблицы [ править ]
Основные принципы [ править ]
Под объединённой таблицей понимается таблица, состоящая, как правило, из одной строки, в нечётных ячейках которой содержатся вложенные таблицы.
Посредством объединённой таблицы вы можете элегантно оформить данные в виде двух (или более) отдельных таблиц, расположенных рядом друг с другом в горизонтальном направлении, например:
Для создания объединённой таблицы, показанной в примере выше, сначала напишите код объединённой таблицы из одной строки с пятью ячейками, которые будут служить столбцами объединённой таблицы:
- Столбец 1 — в этой ячейке будет вложенная таблица № 1.
- Столбец 2 — эта ячейка будет служить пробелом между таблицами № 1 и 2.
- Столбец 3 — в этой ячейке будет вложенная таблица № 2.
- Столбец 4 — эта ячейка будет служить пробелом между таблицами № 2 и 3.
- Столбец 5 — в этой ячейке будет вложенная таблица № 3.
Затем вместо записей «Столбец 2» и «Столбец 4» вставьте знак вынужденного пробела —   ; — который установит расстояние между расположенными рядом таблицами. Если расстояние между таблицами вам покажется узковатым, добавьте один или более знаков вынужденного пробела, отделяя их друг от друга двумя вертикальными чёрточками, например: || || || .
Затем в нечётные столбцы вместо записей «Столбец 1», «Столбец 2» и «Столбец 3» с новой строки впишите коды вложенных таблиц.
В объединённых таблицах можно располагать вложенные таблицы любой сложности и формата, а также делать объединённые таблицы многострочными. Однако следует учитывать, что с усложнением вложенных таблиц увеличивается сложность исходного кода и, соответственно, затрудняется его починка в случае неосторожного обращения при редактировании. Ниже приведён пример более сложных вложенных таблиц с заголовками и записью кода ячеек в одну строчку.
Примерно такой же результат можно получить с помощью шаблона <<столбцы>> — см. статью о шаблоне «Столбцы».
Выравнивание объединённых таблиц [ править ]
Объединяемые таблицы выравниваются по вертикали. Для выравнивания по верхнему краю таблиц с разным количеством строк применяется параметр style=»vertical-align:top» или valign=»top» .
Ширина таблицы и столбцов [ править ]
Если, например, подряд идут несколько отдельных таблиц, то желательно, чтобы ширина их была одинаковой, независимо от их содержания. Для фиксации ширины таблицы применяется атрибут width.
Выглядеть это будет так:
Таблица 1
Ячейка 1*1 — long — long- long- long- long Ячейка 1*2 Ячейка 1*3 Ячейка 1*4 Таблица 2
Ячейка 2*1 Ячейка 2*2 Ячейка 2*3 Ячейка 2*4 С помощью этого же атрибута можно регулировать ширину отдельных столбцов:
Таблица 1
Ячейка 1*1 — long — long- long- long- long Ячейка 1*2 — long — long- long- long- long Ячейка 1*3 — long — long- long- long- long Ячейка 1*4 Ячейка 1*5 Ячейка 1*6 Для задания определённой ширины ячейки с вложенной таблицей следует указать для неё атрибут width, но закрыть этот атрибут вертикальной чёрточкой:
Таблицы в машинописном стиле без форматирования [ править ]
Существует также простейший и быстрейший способ создать таблицу — это написать ее в машинописном стиле. Столбцы и общий вид форматируются визуально.
Однако подобный примитивный способ форматирования таблиц является нежелательным; следует избегать его широкого использования в статьях. Повстречав в Википедии таблицу, оформленную подобным образом, желательно привести её к стандартному вики-формату.
Таблицы: столбцы, шапки и подвалы
234
Введение
Стало быть, Вы только начинаете делать таблицу. Возможно, даже слышали о таких тегах, как tr, td, th или table , использовали атрибуты colspan , а также rowspan . Вы можете сделать такой себе милый маленький столик из фанеры, но можете и не знать, как сделать обеденный стол из твердых пород дерева, застекленная столешница которого запросто выдержит вес немаленького слона.
Столбцы наносят ответный удар
Как правило, таблицы строятся исключительно строками, делая столбцы ненужными элементами. К счастью для тех, кто хочет работать именно со столбцами, есть замечательные теги — colgroup и col .
Эти теги дают возможность сделать столбцы в таблице, как Вам угодно, что очень удобно, если нужно изменить выравнивание или, скажем, цвет определенного столбца. Иначе придется изменять отдельные ячейки.