Как заполнить пустые ячейки в Excel?

Оставьте комментарий 6,950

Создание пустых таблиц. Панель инструментов «Таблицы и границы».

Таблица состоит из n столбцов и m строк. Ячейка (клетка) - основной структурный элемент таблицы, образующийся в результате пересечения некоторого столбца с некоторой строкой таблицы. Ячейку таблицы можно считать “мини-документом” - это обычный фрагмент документа, который подчиняется почти всем законам оформления текста. Ячейка может состоять и из нескольких строк и из нескольких абзацев. Текст документа можно форматировать по обычным правилам.

Для создания и редактирования таблиц нужно использовать пункт Таблица главного меню. Приступая к работе c Word нужно активизировать команду-переключатель Отображать сетку в ниспадающем меню пункта Таблицы . Тогда границы столбцов и строк каждой таблицы документа будут обозначены пунктирными линиями. Эта сетка не печатается при распечатке документа, но ее наличие на экране существенно облегчает проведение различных действий с информацией, которая введена или должна быть введена в ячейки таблицы.

Конструктивные элементы таблицы (столбцы, строки) удаляются только с помощью команд, собранных в пункте Таблица . С помощью клавиши Delete удаляется лишь содержимое ячеек таблицы, сами же ячейки остаются.

В редакторе Word имеется два способа создания таблицы:

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

В этом разделе мы рассмотрим первый способ создания таблицы, который имеет три варианта реализации.

Вариант 1. В главном меню выбрать пункт Таблица , в ниспадающем меню выбрать команду Вставить таблицу . В появившемся после этого диалоговом окне в поле ввода Число столбцов нужно задать число столбцов в оформляемой таблице, а в поле ввода Число строк – задать число строк. Кроме того, в поле ввода Ширинастолбца можно задать ширину столбцов (в сантиметрах) или оставить имеющеюся в этом окне установку А uto . Если оставить установку Auto , то ширина столбцов будет равна установленной длине строки текста, деленной на количество столбцов таблицы.

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

Вариант 2. В панели инструментов “Стандартная” щелкнуть на кнопке “Вставить таблицу “. После этого появится окошко с изображением пустой таблицы. Здесь, с помощью указателя мыши при нажатой левой клавише мыши, нужно указать количество строк и столбцов таблицы, причём, если нужно увеличить количество столбцов, то указатель мыши следует продвигать вправо, а если нужно увеличить число строк, то вниз, за пустую таблицу. Вслед за этим продвижением указателя мыши будет увеличиваться количество строк или (и) столбцов таблицы.

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

После описанных действий можно провести этап 2-ой оформления таблицы, как было сказано выше при описании 1-го способа оформления таблицы.

Вариант 3. Таблицы сложной структуры удобно создавать методом “рисования”. Необходимые для этого элементы управления на панели инструментов Таблицы и границы , которая появляется с выбором команды Таблица/Нарисовать таблицу. Рисование производится с помощи инструмента Нарисовать таблицу . Инструмент активизируется с помощи кнопки с изображением карандаша. При первом использовании этого инструмента рисуется прямоугольник, который должен быть внешней рамкой таблицы. Затем внутри этой рамки с помощью того же инструмента проводятся внутренние перегородки таблицы. С помощью кнопок-команд на упомянутой панели инструментов легко производится выравнивание ширины столбцов и высоты строк. В результате оформление таблицы производится сравнительно легко и быстро.

Преобразование текста в таблицу. Форматирование таблиц и текста в них. Заголовки. Вычисления в таблице.

Теперь рассмотрим второй способ создания таблицы – преобразование текста в таблицу. Для этого нужно текст предварительно отформатировать специальным образом, а именно:

а) набрать содержимое таблицы построчно, нажимая клавишу в конце каждой строки будущей таблицы;

б) при наборе данных конкретной строки нужно отделять информацию одной будущей ячейки от другой, нажимая клавишу .

Для преобразования набранного текста в таблицу можно использовать один из двух вариантов.

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

Вариант 2. После выделения строк таблицы выбрать команду Таблица/ Преобразовать в таблицу . На экране появится диалоговое окно, с помощью которого можно сразу проверить предполагаемое число столбцов; и, если оно не совпадает с нужным количеством, можно щелкнуть на клавише Отменить, а затем исправить текст таблицы. Созданную таблицу можно оформить какой-либо рамкой. Для этого нужно выбрать команду Таблица/Автоформат . На экране появится диалоговое окно. Здесь в списке Форматы предлагается на выбор несколько десятков рамок-шаблонов для оформления, каждая из которых отображается в демонстрационном окне. Пользователю нужно выбрать рамку-шаблон, а затем щелкнуть на кнопке ОК этого окна.

Если таблица занимает несколько страниц документа, можно объявить первую строку таблицы заголовком . Для этого нужно выделить первую строку таблицы и выбрать команду Таблица/Заголовки .

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

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

Ячейка таблицы. Поместите указатель слева от первого символа (внутри ячейки) и щелкните мышью.

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

Строка таблицы. Установите указатель мыши на полосу выделения и щелкните мышью.

Выделенные элементы таблицы можно удалить. Для этого нужно щелкнуть на кнопке “Удалить в буфер” (с изображением ножниц).

Чтобы вставить новую строку в таблицу, нужно установить текстовый курсор в точку вставки (внутрь строки, перед которой надо вставить новую строку) и выбрать команду Таблица/Вставить строки .

Чтобы изменить ширину столбца, нужно установить указатель мыши на вертикальную линию сетки, ограничивающую столбец слева или справа, и “перетащить” эту линию влево или вправо.

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

Для других вычислений нужно использовать команду Таблица/Формула. После выбора этой команды откроется диалоговое окно Формула . В нем Word автоматически предложит формулу суммирования, исходя из окружения текущей (выделенной) ячейки. Если предложенная формула не годится, то нужно ввести другую. С числами, содержащимися в ячейках таблицы, можно производить все арифметические действия. При этом в арифметических выражениях должны фигурировать в качестве операндов адреса клеток таблицы, содержащих числа. Под адресом клетки таблицы понимается буквенное обозначение столбца и численное обозначение строки, на пересечении которых находится данная клетка. Причем столбцы обозначаются слева направо буквами в порядке, принятом в английском алфавите, строки номеруются сверху вниз последовательными числами, начиная с единицы. В арифметических выражениях можно использовать функции из перечня, который появляется из раскрывающегося списка диалогового окна Формула.

Глава 4

Таблицы в HTML

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

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

И

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

Специальные средства для создания таблиц, впрочем, не отменяют возможности использования преформатированного текста. Использование таблиц не ограничивается только данными, состоящими из рядов и колонок. Одним из применений является организация расположения разнообразных данных на странице, которые могут состоять из простого текста, изображений, других таблиц и т. д. Правилам создания таблиц и примерам их использования посвящена данная глава.

Рис. 4.1. Типичный пример HTML-таблицы

Рис. 4.2. Пример таблицы без рамок

Создание простейших HTML-таблиц

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

Описание таблиц должно располагаться внутри раздела документа . Документ может содержать произвольное число таблиц, причем допускается вложенность таблиц друг в друга. Каждая таблица должна начинаться тэгом

и завершаться тэгом

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

Каждая строка начинается тэгом (Table Row) и завершается тэгом . Отдельная ячейка в строке обрамляется парой тегов и (Table Data) или и (Table Header). Тег используется обычно для ячеек-заголовков таблицы, а - для ячеек-данных. Различие в использовании заключается лишь в типе шрифта, используемого по умолчанию для отображения содержимого ячеек, а также расположению данных внутри ячейки. Содержимое ячеек типа отображается полужирным (Bold) шрифтом и располагается по центру (ALIGN=CENTER, VALIGN=MIDDLE). Ячейки, определенные тэгом по умолчанию отображают данные, выровненные влево (ALIGN=LEFT) и посередине (VALIGN=MIDDLE) в вертикальном направлении.

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

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

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

в любом месте, однако вне области описания любого из тегов , или . Согласно спецификации языка HTML расположение описания заголовкарегламентировано более строго: оно должно располагаться сразу же после тега и до первого . Мы рекомендуем придерживаться этого правила.

По умолчанию текст заголовка таблицы располагается над ней (ALIGN=TOP) и центрируется в горизонтальном направлении.

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

Этих сведений вполне достаточно для построения элементарных таблиц. Приведем пример простейшей таблицы, состоящей из двух строк и двух столбцов, отображение которой показано на рис. 4.3.

Пример простейшей таблицы

Ячейка 1 строки 1	Ячейка 2 строки 1
Ячейка 1 строки 2	Ячейка 2 строки 2

Рис. 4.З. Пример простейшей таблицы

Представление таблиц на странице

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

Заголовок таблицы

Тэг заголовка таблицы имеет единственный допустимый параметр ALIGN, принимающий значения ТОР (заголовок над таблицей) или BOTTOM (заголовок под таблицей). Параметр ALIGN может быть опущен, что соответствует значению ALIGN=TOP. В горизонтальном направлении заголовок таблицы всегда располагается по ее центру. Таблица может не иметь заголовка. В качестве заголовка таблицы в большинстве случаев используется простой текст, что регламентируется спецификацией HTML, однако в действительности между тэгами и допустимо записывать любые HTML-элементы, употребляемые в разделе . Приведем пример записи заголовка таблицы:

Заголовок, располагаемый внизу тaблицы

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

Рис. 4.4. Таблица с заголовком

Браузер Microsoft Internet Explorer предоставляет дополнительные возможности для выбора расположения заголовка. Параметр ALIGN допускает значения LEFT, CENTER и RIGHT для горизонтального выравнивания наряду с описанными выше значениями. Отметим, что это один из редких случаев, когда широко распространенный параметр ALIGN может использоваться и для горизонтального выравнивания, и для вертикального. Например, запись ALIGN=RIGHT обеспечит расположение заголовка, прижатого к правой стороне и размещенного над таблицей. Если записать ALIGN=BOTTOM, то так же, как и в приведенном выше примере, заголовок будет расположен под таблицей. Однако двойное использование в одном заголовке параметра ALIGN недопустимо. Поэтому дополнительно введен специальный параметр для вертикального выравнивания - VALIGN, принимающий значения ТОР или BOTTOM. Например, для заголовка, располагаемого внизу таблицы с выравниванием влево, описание имеет следующий вид:

Заголовок, располагаемый внизу с выравниванием влево

Таблица с данным описанием заголовка в Microsoft Internet Explorer будет отображена следующим образом (рис. 4.5). Если данный пример просматривать в Netscape, то заголовок будет размещен по умолчанию, т. е. над таблицей и посередине в горизонтальном направлении.

Рис. 4.5. Горизонтальное выравнивание заголовка таблицы браузером Microsoft Internet Explorer

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

Параметры тега

Основным тэгом, применяемым при создании таблиц, является тег

. Он может использоваться с рядом параметров, каждый из которых допустимо опускать. Набор допустимых параметров зависит от браузера. Согласно спецификации HTML в тэге

могут использоваться следующие параметры: BORDER, CELLSPACING, CELLPADDING, WIDTH, ALIGN. Браузеры NetScape иMicrosoft Internet Explorer разрешают кроме перечисленных пяти параметров использовать параметры HEIGHT и BGCOLOR. Отдельные браузеры позволяют также задавать и другие параметры. Рассмотрим назначение общеупотребительных параметров тега

Параметр BORDER

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

Для добавления в таблицу рамок необходимо включить в код

параметр BORDER, который может иметь численное значение.

Например,

или

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

Пример таблицы с рамкой толщиной 10 пикселов приведен на рис. 4.6.

Рис. 4.6. Таблица с рамкой толщиной 10 пикселов

В спецификации HTML 3.0 не было включено значение для параметра BORDER. Это сделано лишь в HTML 3.2. Так, в частности, ранние версии Microsoft Internet Explorer не разрешали задания численного значения.

Отметим, что при отсутствии параметра BORDER рамки не прорисовываются, но место под них оставляется (это относится только к Netscape). Общий размер таблицы при отсутствии параметра BORDER или его наличии не изменяется (исключением является случай задания BORDER=0). Таким образом, минимальное расстояние между двумя соседними ячейками в этих случаях будет равно удвоенной толщине рамки, т. е. двум пикселам. Расположить ячейки как можно ближе друг к другу возможно заданием BORDER=0, что означает отсутствие рамок. Некоторые браузеры могут не поддерживать задание численного значения параметра BORDER, тогда значение, равное нулю, будет проигнорировано, и таблица будет прорисована с рамками.

Приведем несколько примеров:

Все три приведенных примера браузером Netscape будут отображены по-разному. Заметим, что здесь имеет место довольно уникальный случай, когда нельзя говорить о значении по умолчанию. Третий пример, в котором параметр BORDER опущен, отличается от любого примера, где этот параметр присутствует. Для Microsoft Internet Explorer второй и третий примеры идентичны, поэтому для этого браузера значение по умолчанию параметра BORDER равно нулю .

Параметр CELLSPACING

Форма записи параметра: CELLSPACING=num, где num - численное значение параметра в пикселах, которое не может быть опущено. Величина num определяет расстояние между смежными ячейками (точнее между рамками ячеек) как по горизонтали, так и по вертикали. По умолчанию значение принимается равным двум. Заметим, что традиционно в издательских системах смежные ячейки таблицы имеют общую границу. В HTML-таблицах по умолчанию между ними оставляется место, что хорошо видно на приведенном выше рисунке (рис. 4.6). При задании CELLSPACING=0 рамки смежных ячеек сольются и создадут впечатление единой сетки таблицы (рис. 4.7).

Рис. 4.7. Таблица со значением CELLSPACING=0

Параметр CELLPADDING

Форма записи параметра аналогична CELLSPACING. Величина num определяет размер свободного пространства (отступа) между рамкой ячейки и данными внутри ячейки. По умолчанию значение принимается равным единице. Установка параметра CELLPADDING равным нулю может привести к тому, что некоторые части текста ячейки могут касаться ее рамки, что выглядит не очень эстетично.

На рис. 4.8 показан пример таблицы со значением CELLPADDING=10.

Рис. 4.8. Таблица со значением CELLPADDING=10

Действие параметров CELLPADDING и CELLSPACING очень похоже друг на друга. Для таблицы без рамок изменение того или другого параметра приводит к одному и тому же результату. Оба параметра влияют на соответствующие отступы одновременно по горизонтали и по вертикали. К сожалению, раздельного управления горизонтальными и вертикальными отступами так, как это сделано, например, для отступов от изображений (параметры HSPACE и VSPACE тега ), не предусмотрено.

Все три параметра - BORDER, CELLPADDING и CELLSPACING действуют независимо друг от друга, если какой-нибудь из них опущен, то берется его значение, принятое по умолчанию. В частности, если опущены все перечисленные параметры, то минимальное расстояние между данными из смежных ячеек будет равно 6 пикселам (для Netscape). Это значение складывается из двух пикселов для CELLSPACING, одного пиксела для CELLPADDING и одного пиксела для рамки каждой из ячеек. Наиболее компактная таблица будет получена заданием следующего описания:

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

Параметры WIDTH и HEIGHT

При отображении таблиц их ширина и высота автоматически вычисляются браузером и зависят от многих факторов: значений параметров, заданных в описании всего документа, данной таблицы, отдельных ее строк и ячеек, содержимого ячеек, а также параметров, задаваемых при просмотре документа в том или ином браузере, например, типа и размеров шрифта, размеров окна просмотра и др. При отображении расчет размеров таблиц выполняется автоматически с учетом этих факторов, при этом делается попытка представить таблицу в наиболее удобном виде - расположить таблицу так, чтобы она помещалась и окне просмотра. Общая схема просмотра больших документов, как правило, сводится к линейной прокрутке содержимого документа по вертикали и чтении текста, перемежаемого различными таблицами, изображениями и т. п. Это относится как к HTML-документам, так и к обычным документам, создаваемым в любых текстовых редакторах. Большинство как текстовых редакторов (например, Microsoft Word), так и HTML-браузеров автоматически форматируют текст так (если возможно), чтобы длина строк не превосходила ширину окна просмотра. Это позволяет избежать необходимости горизонтальной прокрутки документа. Аналогичные действия предпринимаются браузерами с таблицами - по возможности форматировать их таким образом, чтобы ширина таблицы не превосходила ширины окна просмотра. Можно сделать вывод, что ширина таблиц является более важным, первостепенным параметром, расчет которого выполняется в первую очередь по сравнению с высотой.

В большинстве случаев динамическое определение размеров таблицы дает в результате эстетически соразмерное изображение с эффективным использованием реальной площади окна просмотра. Однако бывает необходимо принудительно указывать ширину или высоту таблицы. Для этой цели используются параметры WIDTH (ширина таблицы) и HEIGHT (высота таблицы) тега

. Форма записи: WIDTH=num или WIDTH=num%, где num - численное значение ширины всей таблицы в пикселах или в процентах от всего размера окна. Заметим, что допустимо задавать значения, большие 100%, хотя трудно представить себе случай, где это необходимо. Пример:

Аналогичные параметры могут задаваться и для отдельных ячеек. Заметим, что задание конкретного значения параметра, например WIDTH=200, не означает, что таблица в любом случае будет иметь указанную ширину, а лишь определяет рекомендуемую ширину, которая будет выдержана по возможности. Поясним это на примерах. Пусть имеется таблица, которая в данных условиях по умолчанию имела бы ширину, меньшую заданной. В этом случае браузер увеличит ширину таблицы до требуемой путем пропорционального расширения всех колонок таблицы. При сужении окна просмотра ширина таблицы изменяться не будет, и, возможно, для ее просмотра потребуется горизонтальная прокрутка. Если же таблица по умолчанию имеет ширину, большую заданной, то браузер сделает попытку уменьшить ее ширину за счет, во-первых, сокращения ширины отдельных колонок, для которых заданная ширина больше необходимой, во-вторых, разбиением текста в отдельных ячейках на несколько строк с увеличением высоты таблицы. Эти действия могут не обеспечить требуемого размера таблицы, и тогда она будет иметь минимально возможную ширину. Такие же действия предпринимаются для таблиц, у которых не указаны размеры, при сужении окна просмотра.

Конкретные алгоритмы настройки таблиц для различных браузеров могут несколько отличаться.

Параметр ALIGN

Данный параметр тега

определяет горизонтальное расположение таблицы в области просмотра. Допустимые значения - LEFT (выравнивание влево) и RIGHT (выравнивание вправо). По умолчанию таблицы выровнены по левому краю. Заметим, что среди допустимых значений нет типичного значения для параметра выравнивания - CENTER. В некоторых источниках по языку HTML значение CENTER (по центру) приводится в качестве допустимого в данном случае. Это соответствует спецификации HTML, но на практике и Netscape Navigator, и Microsoft Internet Explorer реализуют только два значения. Дело в том, что присутствие параметра ALIGN в тэге

не только определяет месторасположение таблицы, но и разрешает выполнить обтекание таблицы текстом с противоположной стороны аналогично обтеканию картинок. Обтекание таблицы текстом с двух сторон не предусматривается ни в каких случаях. Для более точного управления обтеканием следует использовать тег
с параметром CLEAR так же, как это выполняется для . Если параметр ALIGN опущен, то место справа и/или слева от таблицы всегда будет пустым независимо от ее ширины. Если таблица не требует обтекания текстом, то можно добиться ее расположения по центру окна просмотра. Для этого, например, можно все описание таблицы поместить внутри пары тегов и .

Приведем пример таблицы с обтекающим текстом, отображение которой показано на рис. 4.9.

Таблица с обтекающим ее тeкстом

взрослого

населения Санкт-Петербурга
Абрам Александр Алексей Альберт Анатолий Андрей Аркадий Борис Вадим Валентин Валерий Василий Виктор Виталий Владимир Владислав Вячеслав Геннадий Георгий Герман Григорий Дмитрий	Евгений Ефим Иван Игорь Ил ья Иосиф Константин Лев Леонид Михаил Николай Олег Павел Петр Роман Семен Сергей Станислав Эдуард Юрий Яков

Указанные 43 наиболее часто встречаемых имени охватывают 92% выборки.

Рис. 4.9. Таблица без рамок с обтекающим текстом

Этот документ состоит из таблицы без рамок с параметром выравнивания ALIGN=LEFT, что позволяет тексту, следующему за таблицей, расположиться справа от нее. Таблица состоит всего из одной строки, в которой содержится две ячейки. Каждая ячейка содержит часть ненумерованного списка

Неверное решение.

Приведем несколько иной пример для создания подобной страницы, отображение которой показано на рис. 4.10.

Таблица без обтекающего текста

Наиболее употребительные мужские имена

взрослого населения Санкт-Петербурга
Абрам Александр Алексей Альберт Анатолий Андрей Аркадий Борис Вадим Валентин Валерий Василий Виктор Виталий Владимир Владислав Вячеслав Геннадий Георгий Герман Григорий Дмитрий	Евгений Ефим Иван Игорь Илья Иocиф Константин Лев Леонид Михаил Hикoлaй Олег Павел Петр Роман Семен Сергей Станислав Эдуард Юрий Яков	Приведенные данные получены на основе анализа репрезентативной выборки, содержащей сведения о 5000 мужчин в возрасте старше 18 лет, проживающих в Санкт-Петербурге. Указанные 43 наиболее часто встречаемых имениохватывают 92% выборки. Частота встречаемости каждого из остальных имен не превосходит 0.3%

Рис. 4.10. Таблица без рамок, содержащая три столбца

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

Форматирование данных внутри таблицы

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

,
,

до

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

Для форматирования данных внутри ячеек таблицы предусмотрены следующие параметры.

Параметры выравнивания содержимого ячеек - ALIGN и VALIGN. Могут применяться в кодах , и . Параметр горизонтального выравнивания ALIGN может принимать значения LEFT, RIGHT и CENTER (по умолчанию LEFT для и CENTER для ). Параметр вертикального выравнивания VALIGN может принимать значения ТОР (по верхнему краю), BOTTOM (по нижнему краю), MIDDLE (посередине), BASELINE (по базовой линии). По умолчанию - MIDDLE. Выравнивание по базовой линии обеспечивает привязку текста отдельной строки во всех ячейках к единой линии. Задание параметров выравнивания на уровне кода определяет выравнивание для всех ячеек данной строки, при этом в каждой отдельной ячейки строки может быть определены свои параметры, переопределяющие действие параметров, заданных в .

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

Выравнивание элементов таблицы

Ячейка 1 Ячeйкa 2 Ячейка 3

Ячeйкa 4 Ячейка 5 Ячейка 6

Отображение этого примера браузером показано на рис. 4.11.

Рис. 4.11. Выравнивание данных в ячейках таблицы

Параметр NOWRAP отключает возможность автоматического разбиения текста ячейки на строки. Может применяться в кодах , и . Следует избегать неоправданного применения этого параметра, так как это может значительно сократить возможности динамического изменения размеров таблиц и ухудшить их восприятие. В большинстве случаев достаточно применить NOWRAP для отдельных ячеек, действительно требующих запрещения переноса слов на новую строчку. Перенос слов осуществляется только по разделителям между словами (пробелам), и в ряде случаев для запрещения разрыва текста в отдельных местах следует вместо символа пробела задавать код неразрывного пробела (NonBreaking Space). В качестве примеров можно привести случаи, где разрыв не рекомендуется - между числовым значением и единицами измерения данной величины; между фамилией и инициалами. Так, текст 650 км или Ельцин Б.Н. рекомендуется записывать в виде 650 км и Ельцин Б.Н.

Параметры WIDTH и HEIGHT могут применяться в кодах и . Их синтаксис аналогичен синтаксису этих параметров для тега
. Их значение определяет ширину или высоту ячейки, для которой записаны данные параметры. Значения могут задаваться в пикселах или в процентах от размеров всей таблицы. Microsoft Internet Explorer разрешает задавать значение WIDTH только в пикселах. Поскольку таблица представляет собой связную структуру, состоящую из строк и колонок, то задание ширины для какой-либо ячейки влияет на ширину всей колонки, в которой расположена ячейка, а задание высоты влияет на всю строчку. Если в колонке значение ширины указано лишь в одной ячейке, то данное значение становится шириной всей колонки. Если таких указаний несколько, то выбирается максимальное значение. Те же свойства характерны и для строк.
Для сложных таблиц характерна потребность в объединении нескольких смежных ячеек по горизонтали или по вертикали в одну. Данная возможность реализуется с помощью параметров COLSPAN (COLiimn SPANning) и ROWSPAN (ROW SPANning), задаваемых в кодах
задаются настройки отдельных столбцов данной группы. При этом в тэге при необходимости могли бы быть заданы параметры выравнивания, значения которых распространяются на все столбцы данной группы. Значения параметров, заданные в тэге , переопределяют значения из тега . Заметим, что в тэге в данном примере, в отличие от предыдущего, отсутствует параметр SPAN. Здесь его употребление бессмысленно, так как количество элементов в группе будет определяться следующими за тэгом тэгами . Поэтому любое заданное значение параметра SPAN тега будет переопределено.
На рис. 4.17 показан результат реализации приведенного выше кода, а также вариант отображения такой таблицы с записью RULES=GROUPS в тэге

или . Форма записи: COLSPAN=num, где num - числовое значение, определяющее, на сколько столбцов следует расширить текущую ячейку по горизонтали. Применение параметра ROWSPAN аналогично, только здесь указывается количество строк, которые должна захватить текущая ячейка по вертикали. По умолчанию для этих параметров устанавливается значение, равное единице. Допустимо одновременное задание значений обоих параметров для одной ячейки. Правильная установка значений этих параметров может оказаться не очень простой задачей, тем более, что большинство HTML-редакторов позволяют визуально конструировать с последующей генерацией HTML-кодов лишь простейшие таблицы.

На рис. 4.12 показан пример отображения таблицы, полученный по следующему HTML-коду:

Использование параметров COLSPAN и ROWSPAN

Ячейка, захватывающая две строки Ячейка, захватывающая два столбца

Ячейка 3 Ячейка 4

Ячейка 5 Ячейка 6 Ячейка 7

Рис. 4.12. Таблица с ячейками, распространяющимися на несколько строк или столбцов

Невнимательное задание значений параметров раздвижки ячеек может привести к их взаимному перекрытию и конфликтам, при которых результат непредсказуем. Характерное применение протяженных ячеек - общий заголовок для нескольких смежных колонок или строк.

Приведем пример кода HTML (отображение которого показано на рис. 4.13), в котором протяженные ячейки сформированы некорректно.

Неверное использование протяженных ячеек

Ячейка 1 Ячейка 2

Ячейка 3
(распространенная
Ha три
строчки)

Ячeйкa 4 Ячейка 5

Ячейка 6 Ячейка 7 (распространенная на два столбца)

Рис. 4.13. Результат некорректного определения протяженных ячеек (наложение текста)

Параметр BGCOLOR задает цвет подложки всей таблицы, отдельных строк или ячеек. Может встречаться в тэгах
, , не содержится никакой информации или один или более пробелов, которые не трактуются как данные. Ячейки, содержащие невидимые данные, к примеру, могут содержать код или код перевода строки
, или любой текст, цвет которого совпадает с цветом фона ячейки. Если ячейки, содержащие данные (пусть даже невидимые), отображаются всеми браузерами одинаково, то пустые ячейки будут показаны по-разному. Браузер Netscape пустую ячейку не показывает, т. е. место, где располагается данная ячейка, будет закрашено цветом фона страницы, а не цветом фона ячейки в отличие от ячеек, содержащих данные. Вокруг пустых ячеек не прорисовывается рамка. Пример таблицы с пустой ячейкой приведен на рис. 4.15.

Рис. 4.15. Пустая ячейка таблицы отображается по-разному различными браузерами
Microsoft Internet Explorer и те, и другие ячейки отображает цветом фона ячеек. Такой браузер как NSCA Mosaic предоставляет пользователю возможность самому определить характер выдачи пустых ячеек таблицы с помощью выбора соответствующих опций. Знание таких особенностей позволит разрабатывать таблицы, которые будут отображены подходящим образом, вне зависимости от выбранного пользователем браузера. В ряде случаев достаточно для этого вместо некоторых пустых ячеек создавать ячейки, содержащие единственный код.
Выравнивание данных в столбцах таблицы
Характерной проблемой при создании таблиц является задание параметров выравнивания для отдельных строк или столбцов. Для выравнивания содержимого всех ячеек текущей строки достаточно задать требуемые параметры в коде
. Однако чаще необходимо обеспечить одинаковое выравнивание для всех элементов одного столбца, так как в большинстве случаев в столбце располагаются однородные данные. В ранних версиях HTML для этого предлагалось использовать параметр COLSPEC (COLumn SPECification), который задавался в тэге
и . Эта возможность не предусматривается спецификацией HTML, однако поддерживается как Netscape, так и Microsoft Internet Explorer. Форма записи такая же, как и для тега , а именно: BGCOLOR=значение, где в качестве значения задается содержание цвета в RGB-формате или его название.

Пример:
или .

Вложенные таблицы

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

Приведем пример таблицы, использующей один уровень вложенности.

Города Ленинградской области

Города Ленинградской области

H - население города (тыс.жит.,1992 г.)

P - расстояние от Санкт-Петербурга (км)

Города, подчиненные Санкт -Петербургу
Город H P

Зeлeнoгopcк 13.6

50

Koлпинo 144.6

26

Кронштадт 45.2

48

Ломоносов 42.0

40

Пaвлoвcк 25.4

30

Петродворец 83.8

29

Пушкин 95.1

24

Сестрорецк 34.9

35

Все города, подчиненные
администрации
Санкт-Петербурга , имеют
прямые гopoдcкиe
тeлeфoнныe номера.

Города областного подчинения
Город H P

Бокситогорск 21.6
ALIGN=RIGHT>245

Boлxoв 50.3
ALIGN=RIGHT>122

Bceвoлoжcк 32.9

24

Выборг 80.9 130

Высоцк 1.0
ALIGN=RIGHT>159

Гатчина 80.9 46

Ивангород 11.9
ALIGN=RIGHT>147

Каменногорск 5.9 157

Кингисепп 51.5
ALIGN=RIGHT>138

Кириши 53.8
ALIGN=RIGHT>115

Кировск 23.8

55

Лодейное Поле 27.3
ALIGN=RIGHT>244

Лyгa 41.8 139

(продолжение таблицы)
Город H P

Любань 4.7

85

Новая Ладога 11.2
ALIGN=RIGHT>141

Отрадное 22. 9
ALIGN=RIGHT>40

Пикалево 25.1
ALIGN=RIGHT>246

Пoдпopoжьe 23.1 285

Приморск 6.7 137

Приозерск 20.5
ALIGN=RIGHT>145

Светогорск 15.8
ALIGN=RIGHT>201

Сланцы 42.6
ALIGN=RIGHT>192

Сосновый Бор 57.6

81

Тихвин 72.0
ALIGN=RIGHT>200

Тосно 33.8

53

Ш лиcceльбypг 12.5

64

Рис. 4.14. Пример вложенных таблиц

Результат отображения данного примера показан на рис. 4.14.

На первый взгляд кажется, что в примере нет вложенности таблиц. На самом деле весь документ представляет собой таблицу, не имеющую рамок и состоящую из заголовка и всего одной строки, содержащей пять ячеек. Организация такой таблицы служит единственной цели - расположению данных на странице. Внутри первой ячейки располагается другая таблица, имеющая свой заголовок и состоящая из трех столбцов, после которой идет текст, выровненный посередине. Третья и пятая ячейки также содержат отдельные таблицы. Вторая и четвертая ячейки - пустые, они не содержат никаких данных и имеют единственный параметр WIDTH, определяющий ее ширину. Их назначение - задать отступ между первой и третьей, а также третьей и пятой ячейками, в которых располагаются таблицы. Это один из возможных вариантов задания такого отступа. Другой вариант - использование параметра CELLSPACING, определяющего расстояние между ячейками, однако этот параметр задает отступы одновременно и по горизонтали, и по вертикали, что в данный момент не требуется. Кроме того, пустая ячейка с заданной шириной при сужении области просмотра будет сокращаться в отличие от пространства, заданного параметром CELLSPACING (равно как и CELLPADDING). Попробуйте на данном примере уменьшать ширину области просмотра в браузере или, что приведет к тем жерезультатам, увеличивать размеры шрифта, которым отображается текст. Расстояние между таблицами сократится до нуля, давая возможность видеть одновременно всю информацию как можно дольше, однако дальнейшее изменение не приведет к порче таблицы, а предоставит возможность горизонтальной прокрутки. По аналогичной схеме можно организовать размещение информации, состоящей не только из таблиц, но и изображений, фрагментов текста и т. д.

Особенности построения таблиц

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

Отображение пустых ячеек в таблицах

Одной из особенностей представления таблиц различными браузерами является отображение пустых ячеек. Согласно описанию языка все браузеры должны дополнять строки пустыми ячейками, если в какой-либо строке их количество задано меньшим, чем в остальных строках. Кроме того, в любом месте таблицы могут находиться ячейки, не содержащие данных. Существует различие между пустыми ячейками и ячейками, содержащими невидимые данные. В пустых ячейках внутри пары тегов
и
и определял выравнивание и ширину каждой колонки таблицы. Для примера, задание colspec="L40 R50 C80" определяло для трех колонок таблицы выравнивание данных в ячейках: для первой колонки - LEFT, для второй - RIGHT и для третьей - CENTER, а также ширину каждой колонки. По мере развития языка HTML от использования этого параметра отказались, и в настоящее время он не входит в спецификацию языка и не поддерживается большинством браузеров. В итоге для решения такой задачи в Netscape Navigator не имеется специальных средств, и единственным вариантом остается либо использование выравнивания по умолчанию, либо задание соответствующих значений в каждой ячейке, где это необходимо.
В Microsoft Internet Explorer предусмотрены специальные теги -
и . Эти теги должны располагаться сразу же за описанием

перед первым появлением тега .
Параметрами тегов
и могут быть SPAN, определяющий количество смежных колонок, на которые распространяется действие значений параметров, и ALIGN, определяющий горизонтальное выравнивание данных во всех ячейках соответствующего столбца (или столбцов). Допустимыми значениями параметра ALIGN являются LEFT, RIGHT и CENTER. Для параметра SPAN значение по умолчанию равно единице.
Тэг
дополнительно позволяет задавать параметр VALIGN, определяющий вертикальное выравнивание данных в ячейках. Допустимыми значениями параметра VALIGN являются MIDDLE, TOP и BOTTOM.
Различие между тэгами
и заключается в том, что первый из них, помимо задания параметров выравнивания данных для столбцов, выполняет также условное объединение нескольких столбцов в группу. Эффект такого объединения проявляется при использовании параметра RULES, который описывается ниже. По умолчанию все столбцы таблицы считаются одной группой. Тег должен использоваться только для определения выравнивания данных в отдельных столбцах в группе.
Приведем пример. Пусть необходимо построить таблицу, содержащую 6 столбцов, причем данные в первых трех из них должны быть выровнены вправо, а следующих трех - посередине. Для решения этой задачи следует записать такой фрагмент HTML-кода:

(данные для таблицы)

Результат отображения этого кода показан на рис. 4.16.

Рис. 4.16. Таблица с разными параметрами выравнивания данных в группах ячеек

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

(данные для таблицы)

В этом примере после тега

, из которого виден смысл объединения в группы.
Совет
Поскольку область применения тегов
и ограничивается единственным браузером Microsoft Internet Explorer, то следует пользоваться ими с осторожностью. Удобство использования этих тегов очевидно, но на практике большинство таблиц строится с использованием соответствующего параметра выравнивания ALIGN для каждой ячейки таблицы, где это необходимо, что значительно увеличивает объем исходного кода таблицы, однако обеспечивает возможность просмотра в любом браузере.

Рис. 4.17. Таблица с группированными столбцами
Задание цвета рамок таблицы
Еще несколько параметров, характерных только для Microsoft Internet Explorer, позволяют выбирать цвет рамок таблиц - BORDERCOLOR, BORDERCOLORLIGHT и BORDERCOLORDARK. Эти параметры могут задаваться в тэгах

, . В качестве значения этих параметров может использоваться название цвета или его шестнадцатеричное значение. Параметр BORDERCOLOR определяет цвет всех элементов рамок таблицы, а другие два параметра задают цвет отдельных составляющих рамок, переопределяя значение BORDERCOLOR. Параметр BORDERCOLORLIGHT окрашивает в заданный цвет левый и верхний края всей таблицы и соответственно правый и нижний края каждой ячейки. Второй параметр BORDERCOLORDARK задает цвета противоположных краев. За счет сочетания действия этих параметров таблица будет выглядеть несколько приподнятой над поверхностью страницы или углубленной. Все зависит от выбранного сочетания цветов.
Примечание
Браузер Netscape версии 4.x также поддерживает параметр BORDERCOLOR.
Задание фонового рисунка для таблицы
Браузер Microsoft Internet Explorer (а также браузер Netscape версии 4.x) разрешает использовать параметр BACKGROUND, определяющий фоновый рисунок для таблицы так, как это может быть сделано для всего HTML-документа. Этот параметр может задаваться в тэгах
, и

, , w
Браузер Microsoft Internet Explorer позволяет использовать ряд новых тегов для структурирования таблиц и гибкого управления прорисовкой рамок и линий сетки.
Тэги
, и более строго задают структуру описания таблицы, выделяя ячейки заголовка таблицы, основное содержимое таблицы и итоговую строку. Эти теги могут встречаться только в описании таблиц внутри пары тегов
и .

Тэги структурирования таблицы

и
.

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

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

При использовании новых тегов появляется возможность более гибко управлять рамками и линиями сетки таблицы.

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

ABOVE - только с верхней стороны

BELOW - только с нижней стороны

HSIDES - рисуется нижняя и верхняя сторона

VSIDES - рисуется левая и правая сторона

LHS - только с левой стороны

RHS - только с правой стороны

VOID - таблица без внешних рамок

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

GROUPS - рисуются только линии, разделяющие группы

ROWS - рисуются линии, разделяющие строки

COLS - рисуются линии, разделяющие столбцы

NONE - внутренние линии не рисуются

Пример:

.
Примечание
Прорисовка линий сетки таблицы и рамок будет осуществляться только при наличии параметра BORDER тега

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

Выделение заголовка и итоговой строки

Пример гибкого управления линиями
сетки таблицы

Заголовок столбца 1 Заголовок столбца 2 Заголовок столбца 3

Данные Данные Данные

Данные Данные Данные

Данные Данные Данные

Данные Данные Данные

Данные Данные Данные

Данные Данные Данные

Итог Итог Итог

Рис. 4.18. Гибкая прорисовка линий сетки таблицы браузером Microsoft Internet Explorer

В этом примере, отображение которого браузером представлено на рис. 4.18, показывается один из возможных вариантов управления линиями сетки и рамками вокруг таблицы. Вокруг таблицы рисуется рамка толщиной 5 пикселов (BORDER=S) только с верхней и нижней стороны (FRAME=HSIDES). Внутри таблицы рисуются линии сетки, разделяющие группы данных (RULES=GROUPS). Группы данных определены, во-первых, наличием трех тегов , каждый из которых объявляет отдельный столбец таблицы группой. Во-вторых, теги , и <тгоот> также разбивают данные таблицы на группы, что определяет прорисовку внутренних горизонтальных линий.

Задание числа столбцов таблицы

Браузер Microsoft Internet Explorer (а также браузер Netscape версии 4.x) разрешает задавать в тэге
параметр COLS, значение которого определяет число столбцов в таблице. Запись этого параметра позволяет ускорить процедуру верстки таблицы при отображении в браузере, так как появляется возможность определить количество столбцов до окончания загрузки кода описания таблицы. На текущий момент включение этого параметра никак не влияет на ход загрузки документа.
Вертикальное выравнивание таблиц
Последний параметр тега

, свойственный только Microsoft Internet Explorer, это - VALIGN, определяющий вертикальное выравнивание таблицы относительно текста. Его действие подобно такому же параметру для изображений.
Примечание
Отметим, что использование одного и того же параметра может существенно различаться как по назначению, так и по возможным значениям для разных тегов даже для одного браузера и в рамках спецификации языка. Поэтому невозможно составление сводной таблицы по использованию различных параметров вне контекста их применения. Например, параметр ALIGN только в таблицах используется в трех различных вариантах:
для тега

параметр ALIGN может принимать значения LEFT или RIGHT, и означает расположение таблицы, прижатой к левому или правому краю соответственно;
для тега
,
параметр ALIGN принимает значения ТОР или BOTTOM, и означает расположение заголовка таблицы над таблицей или под ней;
для тегов
и параметр ALIGN принимает значения LEFT, RIGHT или CENTER, и означает выравнивание содержимого соответствующей ячейки (или ячеек) таблицы по горизонтали.
Альтернатива табличному представлению

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

Некоторые иные способы, не использующие понятие таблиц:

Использование преформатированного текста. Этот способ традиционно использовался в ранних версиях языка HTML, когда поддержки таблиц еще не существовало. Его употребление и до настоящего времени не потеряло актуальности, так как такие тексты будут правильно отображаться любыми браузерами, в том числе и чисто текстовыми.
Использование изображения, содержащего таблицу. Таблица может быть создана любым текстовым редактором или даже отображена Web-браузером и затем сохранена как картинка в одном из графических форматов. Это не лучший вариант, так как при этом теряется вся гибкость динамической настройки отображения таблиц. Кроме того, возникает необходимость хранения дополнительного файла с изображением, размер которого к тому же, как правило, будет значительно больше, чем размер текста, описывающего HTML-таблицу. Возможная область применения - таблицы строго определенных размеров, для которых недопустима зависимость ее отображения от каких-либо внешних факторов (шрифтов, режимов работы браузера и т. п.).
Использование списков вместо таблиц. Для простейших случаев вместо организации таблиц вполне возможно обойтись одним из видов списков, имеющихся в языке HTML.

Подготовка таблиц

Для подготовки HTML-таблиц могут быть использованы любые редакторы, большинство из которых имеют средства для визуального создания таблиц. Приведем пример подготовки таблицы в редакторе HotDog Professional. Для создания таблицы достаточно выбрать пункт Tables из меню Insert, после чего будет выдано диалоговое окно, показанное на рис. 4.19. Создание таблицы заключается в заполнении соответствующих полей в окне. После определения количества строк и столбцов в таблице можно перейти к непосредственному заполнению отдельных ячеек таблицы, которые будут показаны в этом же диалоговом окне. Диалоговое окно имеет кнопку Preview, нажатие которой позволяет просмотреть получаемую таблицу при помощи встроенного браузера (рис. 4.20).

Рис. 4.19. Диалоговое окно для создания таблиц

Рис. 4.20. Таблица, показанная при помощи встроенного браузера

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

(часть кода опущена)
3aгoлoвoк тaблицы
Cтoлбeц 1 Столбец 2 Cтoлбeц 3 Столбец 4

1 2 3 4

Аналогичным образом данная задача решается при использовании компоненты Netscape Composer программы Netscape Communicator. На рис. 4.21 показано диалоговое окно, в котором необходимо заполнить нужные поля. Для ввода дополнительных параметров тега
предусмотрена кнопка Extra HTML. После заполнения полей диалогового окна следует нажать кнопку Apply и тогда будет предоставлена возможность заполнения ячеек таблицы (рис. 4.22).

Рис. 4.21. Диалоговое окно для задания параметров таблицы программы Netscape Composer

Рис. 4.22. Исходная позиция курсора ввода в пустой таблице
3. Создание пустой таблицы
Новая – пустая таблица может быть вставлена в любую точку документа. Достаточно поставить в эту точку текстовый курсор и выполнить команду Вставить→ Вста вить таблицу... из меню Т аблица. При выполнении команды на экране появляется диалог с полями ввода: Количество столбцов и Количество строк и распахивающимся списком Ширина столбца , а также кнопкой Автоформат .
На начальном этапе построения таблицы кнопкой Автоформат пользуются для таблиц с заранее известным количеством строк и столбцов. В остальных случаях тот же диалог вызывают командой А втоформат... из меню Т аблица на этапе форматирования, когда таблица уже заполнена.
Количество столбцов задается по нижней строке шапки таблицы, количество строк - таким образом, чтобы их оказалось хотя бы на одну больше, чем в шапке. Например, для таблицы вида

Сведения о...

В том числе

желательно задать 5 столбцов и не менее 4 строк. Ширину столбца пустой таблицы задавать не имеет смысла: по умолчанию лист будет разбит на заказанное количество равных по ширине столбцов, а отрегулировать ширину столбцов удобнее после заполнения таблицы.

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

Перемещение по ячейкам таблицы

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

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

Перемещение текстового курсора

На первый символ ячейки

на маркер конца ячейки

на один символ, а на границе текста – начало/конец соседней ячейки

на одну строку, а на границе текста – в последнюю/первую строку соседней ячейки

на ячейку влево; после последней ячейки текущей строки – на первую ячейку следующей

на ячейку вправо; после первой ячейки текущей строки – на последнюю ячейку предыдущей; в первой ячейке первой строки остается

+
+

в первую ячейку текущей строки в последнюю ячейку текущей строки

+
+

в первую ячейку текущего столбца и в последнюю ячейку текущего столбца

Выделение элементов таблицы

Элементы таблицы выделяются вместе с расположенным в них текстом и объектами других приложений WINDOWS. Выделение можно производить:

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

Элемент таблицы

Последовательность действий для его выделения

Щелчок по полосе выделения ячейки (внутри ячейки слева от границы текста) или протаскивание курсора мыши от маркера ячейки включительно до ее правой границы

Щелчок по полосе выделения слева от границы таблицы

Установка курсора мыши над столбцом, чтобы он принял вид жирной черной стрелки, и щелчок мышью

Расширение зоны выделения для любых элементов таблицы производится одинаково:

выделяется первый элемент
выполняется протаскивание курсора на нужное количество элементов

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

Манипуляции с текстом

Редактирование текста внутри элементов таблицы ничем не отличается от редактирования обычного текста.

Удаление текста. Чтобы удалить текст из ячейки, столбца, строки или более сложного набора элементов таблицы, выделяют эти элементы и нажимают клавишу Delete > : текст из элементов удаляется, сами элементы остаются, выделение снимается.

Копирование. Чтобы скопировать фрагмент текста ячейки, его выделяют и копируют, используя буфер обмена, либо нажимают клавишу Ctrl > и, не отпуская ее, перетаскивают фрагмент мышью.

Внимание !

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

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

Отступ первой строки абзаца,
Отступ слева - перемещение левой границы текста,
Отступ справа - перемещение правой границы текста.

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

Приведенная на рисунке линейка содержит зоны для трех столбцов; в зоне первого столбца доступны треугольные ползунки установки отступов текста, в этом столбце находится текстовый курсор. Зоны разделены прямоугольными ползунками, передвижение которых перемещает линии разделения столбцов либо отдельных (выделенных) ячеек.

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

Изменение интервала между символами используют, чтобы растянуть короткий текст по ширине ячейки. Для этого с помощью команды Ш рифт из меню Фор м ат вызывают диалог Ш рифт , в нем открывают закладку Интервал , в поле Интервал указывают его новое значение.

Пример 2 - растягивание текста при оформлении итоговой строки таблицы

Редактирование таблиц

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

Добавление строк . Простейшая операция – добавить новую пустую строку в конец таблицы, выполняется нажатием кнопки Tab > в момент, когда текстовый курсор стоит перед маркером последней ячейки. Добавление строки над текущей производят, выполнив команду Д обавить строки из меню Т аблица или нажав кнопку , которая появляется на панели инструментов Стандартная , когда текстовый курсор расположен в зоне таблицы.

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

Добавление столбцов . Один столбец вставляется слева от текущего с помощью кнопки . При выполнении этой операции в таблице появляется новый (выделенный) столбец, а на панели инструментов Стандартная кнопка заменяется кнопкой . Операцию вставки столбца можно производить и через меню, но для этого текущий столбец необходимо выделить. При выделении столбца команды Д обавить строки и У далить строки в меню Т аблица заменяются командами Д обавить столбцы и У далить столбцы . Для добавления нескольких столбцов выделяют мышью нужное количество столбцов, начиная с того, перед которым должна произойти вставка.

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

Разбиение и объединение ячеек в небольших таблицах также удобно выполнять с помощью и соответственно. Пример .

Преобразование: из панели инструментов Таблицы и границы

Обратите внимание: конфигурация элементов 1,2,3 получена разбиением части второй строки исходной таблицы; аналогичная ей конфигурация 4,5,6-объединением ячеек первого столбца.

Для больших таблиц эти операции выполняют с помощью команд Об ъ единить ячейки и Ра з бить ячейки... меню Т аблица (подробнее о разбиении),

однако в отличие от работы с “карандашом” и “ластиком” при использовании команд объединяемые/разбиваемые ячейки должны быть выделены. Аналогично действуют соответствующие командам кнопки – , панели инструментов Таблицы и границы .

Удаление и вставка отдельных ячеек производятся с помощью команд Д обавить ячейки… и У далить ячейки... Команда Д обавить ячейки… появляется в меню Т аблица после выделения ячеек, перед которыми предстоит вставить новые, вместо команды Добавить строки . Обе операции вызывают сдвиг ячеек исходной таблицы (подробнее).

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

Для удаления одной ячейки достаточно установить в нее курсор; несколько ячеек нужно сначала выделить. При выполнении команды в диалоге задают направление сдвига ячеек.

После удаления ячеек со сдвигом влево или добавления со сдвигом вправо вид таблицы нарушается. Для восстановления исходного вида передвигают границы столбцов.

Перемещение границ производят мышью:

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

Разбивка таблицы производится, если таблица не умещается на листе бумаги, и мы хотим сами указать начало новой части таблицы.

Порядок работы:

в строку начала новой части устанавливают текстовый курсор;
выполняют команду Р азбить таблицу из меню Т аблица .

Повторение заголовка. Для повторения первой строки – заголовка таблицы, при переходе на следующую страницу используют команду За г оловки меню Т аблица .

Форматирование таблиц

Форматирование таблиц - их окончательное оформление, предполагает создание рамок, выделение ячеек цветом или шрифтом, выравнивание высоты и ширины ячеек. Большинство из перечисленных операций можно выполнить с помощью команды А втоформат … из меню Т аблица .

При вызове команды на экране появляется диалог, позволяющий:

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

Характер изменений при включении перечисленных опций определяется выбранным форматом и отображается в рамке Образец.

Элементы выбранного формата, которые не удовлетворяют пользователя, можно изменить вручную. С этой целью используют команду Г раницы и заливка меню Фор м ат либо многочисленные кнопки панели инструментов “Таблицы и границы ”. Выполнение команды Г раницы и заливка вызывает на экран одноименный диалог с тремя закладками. Закладка С траница” позволяет изменить: внешний вид первой страницы документа, всех страниц, всех страниц кроме первой. Для выбранной части документа можно задать рамку страницы: нет рамки, рисунок, линия. Если выбрана линия, для нее можно указать начертание (например, пунктир), цвет, толщину и оформление: просто линия, линия с тенью, объемная линия.

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

Закладка З аливка позволяет задать для выделенной части документа или таблицы цвет и узор фона.

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

Сортировка таблиц

Сортировка производится для выделенного столбца с помощью команды С о ртировка… из меню Т аблица . В диалоге, появляющемся при выполнении команды, задают: закон сортировки (по убыванию или по возрастанию значений данных столбца), а также тип данных (строки текста, числа, даты) и другие параметры сортировки. WORD переставляет строки таблицы в соответствии с указанным законом. Эту команду можно использовать и для сортировки маркированных списков.

Правила сортировки:

Сортировка текста может быть проведена по алфавиту, номерам или датам по возрастанию (от «А» до «Я» или от нуля до 9) или по убыванию (от «Я» до «А» или от 9 до нуля).
Для разделения сортируемых элементов списка используется символ конца абзаца.
При сортировке первыми располагаются элементы, начинающиеся со знаков препинания или специальных символов (например: !, №, $, %, &); затем - элементы, начинающиеся с цифр; и, наконец, элементы, начинающиеся с букв. Даты рассматриваются как числа, состоящие из трех цифр.
При сортировке по номерам все символы, кроме цифр, игнорируются. При этом цифры могут находиться в любом месте абзаца.
При сортировке по дате допустимыми разделителями компонентов даты считаются символы [ / , . :]. Все сомнительные элементы помещаются в начало или в конец списка (в зависимости от выбранного порядка сортировки).
Если два или более элементов начинаются с одной и той же буквы, их расположение определяется следующими буквами.
При сортировке значений полей, если целое поле (например, фамилия) совпадает у двух элементов, сортировка происходит по последующим полям (например, по имени) так, как указывают параметры сортировки.

Преобразования текст-таблица и таблица-текст

Преобразование текста в таблицу

WORD позволяет преобразовывать в таблицу текст, набранный ранее или созданный в другом редакторе. Порядок действий по преобразованию текста в таблицу:

В каждой строке отметить границы ячеек каким-либо символом - разделителем. Разделитель выбирается таким образом, чтобы он не использовался в тексте. В качестве разделителя по умолчанию используется . Количество ячеек в строках должно совпадать.
Выделить строки будущей таблицы.
Выполнить команду П реобразовать в таблицу… из меню Т аблица
Удостовериться в правильности простановки разделителей: в появившемся диалоге число столбцов должно совпадать с тем, которое было задано при разбиении.
Если в качестве разделителя выбран символ, отличный от , указать этот символ в рамке Разделитель.
При желании - подобрать формат будущей таблицы, нажав кнопку Автоформат...
Нажать кнопку "ОК".

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

Преобразование таблицы в текст

Преобразование таблицы в текст - обратная операция, производится для выделенной части таблицы с помощью команды П реобразовать в текст… В появившемся диалоге указывается разделитель бывших ячеек, например, Enter > и нажимается кнопка "ОК".

4. Печать - печать документа.

Для печати необходимо указать три параметра: Тип принтера (выбирается из списка), Число копий и Страницы . Печатаемые страницы можно задать тремя способами:

Все - печать всех страниц документа.
Текущая - печать страницы, на которой находится курсор.
Номера - печать указанных страниц. Можно перечислять через запятую, например 1, 6, 8, 10 (первая, шестая, восьмая, десятая) или диапазон страниц, например, 12 - 22, 25 - 27 (с двенадцатой по двадцать вторую и с двадцать пятой по двадцать седьмую).
Выделенный фрагмент - печать той части документа, которая выделена.

Закрепление материала. Работа с электронным учебником и выполнение практического задания (см. приложение)

5. Итоги урока. Оценивание работы обучающихся на уроке. Комментирование ошибок.

ПРИЛОЖЕНИЕ

Задание №1.

Спишите текст. Раскрыв скобки, поставьте глаголы в прошедшем времени. Глаголы подчеркни.

Московский школьник Миша Соколов (побывать) в США. Он (подружиться) с американскими ребятами. В прошлом году Аня Туманова (закончить) школу и (поступать) на фабрику швеёй. Вчера в училище (проходить) собрание. На нем (выступить) мать Володи Рыкова. Она (рассказать) ребятам о своей профессии. Её выступление (вызвать) большой интерес. На урок мужества (прийти) ветеран Великой Отечественной войны. Шефы с завода (беседовать) со старшеклассниками об их будущей работе на производстве.

Задание №2.

Ответьте на вопросы письменно. Подлежащие для ответов берите из скобок. Глаголы подчеркните используя на панели инструментов Ч – подчеркнутый.

Что вы будете делать после окончания школы? (Я)
В какой стороне заходит солнце? (Оно)
Что вы делаете на уроках труда? (мы)
Какую работу мы будем выполнять на субботнике? (мы)
Что делают пекари? (они)

Задание №3.

Напиши текст шрифтом в 16 пунктов, печатайте по ширине, с красной строки. Перекопируй данный текст.

Клен ты мой опавший, клен заледенелый.

Клен ты мой опавший, клен заледенелый,

Что стоишь согнувшись под метелью белой?

Или что увидел? Или что услышал?

Задание № 4.

Впиши в таблицу по порядку времена года. Под каждое время года запиши месяцы, которые относятся к данному времени года. Добавляем строки используя клавишу Tab .

Задание №5

Меняя размер шрифта, напиши данное стихотворение.

Мне нравится, что вы больны не мной.

Мне нравится, что я больна не вами,

Что никогда тяжелый шар земной не упадет под нашими ногами.

ЗАДАНИЕ № 6.

Создайте визитную карточку директора фирмы:

На нижней панели инструментов найдите «Надпись».
Используя «Word art», выбрав шрифт 18, напишите «Фармацевтическая фирма».
На панели инструментов находим «Автофигуры», выбираем нужную, пишем надпись «Шанс».
Затем записываем Ф.И.О. директора фирмы и его сотовый телефон.

Задание №7.

Используя «Формат», «Направление текста», запиши в таблице.

Объявление.

Куплю 4-х комнатную квартиру со всеми удобствами: телефон, кабельное телевидение. Обращаться вечером после 18 00 . Звонить по телефону 50-45-80.

Задание № 8.

Создайте дополнительные колонки и уберите лишние строки, так же как на рисунке.

Денежные средства

страховка

Офисное оборудование

Балансовый отчет

Предварительно

Задание №9

Запишите в одну колонку таблицы однозначные числа, а в другую колонку таблицы двузначные числа

Задание №10

На верхней панели инструментов находим «Вставка», «Символ», затем решим неравенство, выбирая знаки,=

80+4…25 302-60…60

64-12…100 (70-30):20…2

800+80…80 100-80…40

405-100…200 99-11…107

Задание №11

Откройте программу WORD, создайте документ и сохраните его под именем «задание 16» на рабочем столе

Задание №12

Откройте документ «задание 16» напечатайте в нем следующее: !, №,;, %, :, ?,(), _

Задание №13

Откройте документ «задание 16». Переключитесь на английский язык и напечатайте в нем следующее:@,#,$,^,&,,{},:/,||,\

Задание№14

Создайте документ WORD. Откройте документ. Вставьте таблицу из 5 строк и трех столбцов. Автоподбор ширины столбцов по содержимому.

Задание №15

Создайте таблицу

Маша УРОКА : объяснительно – демонстрационный с элементами практикума . ТРЕБОВАНИЯ К ЗНАНИЯМ И... над нормализованными числами. ТИП УРОКА : объяснительно – демонстрационный с элементами практикума . ТРЕБОВАНИЯ К ЗНАНИЯМ...
Занятия Краткий инструктаж по технике безопасности в компьютерном классе. Работа с обучающимисяя по принятию цели занятия
Урок*
Правила выделения текстовых фрагментов. Тип урока : Объяснительно -демонстрационный с элементами практикума . Вид урока : Урок – практическое занятие. Образовательная цель... окно состоит из следующих основных элементов : Строка заголовка - на нем...
Пособие содержит теоретическое обоснование природы имиджа учителя, его характеристики и типы, дан инструментарий формирования педагогического имиджа учителя и психологические методики его изучения.
Документ
Информационно-объяснительные , коммуникативно- ... урока в классе. Концептуальный – наличие элементов ... Сидоренко Е.В. Психологический практикум : Межличностные отношения: ... людей к определенному типу мышления и... такие демонстрационные материалы...
2 уроки по ознакомлению учащихся с новым материалом
Урок
... типы уроков : – уроки ознакомления с новым материалом; – урок закрепления изученного; – урок применения знаний и умений; – урок ... практикум . ... объяснения; демонстрационный ); б) активное... объяснительный , инструктивно-практический, объяснительно ... элементы ...
Методические приемы использования мультимедиа на уроках биологии. 8 Общие принципы организации обучения с применением пк 9
Урок
От приоритета объяснительно - иллюстративных методов обучения... различных типов уроков : ... управлять соревновательным элементом , присутствующим... уроков биологии большое значение имеет демонстрационный ... видеофрагменты. 10 Лабораторный практикум Биология 6 – ...

Создание платежного поручения.

Предположим, что нужно создать форму платежного поручения, вид которого показан на рисунке ниже.

Для этого вначале создадим таблицу (Вставка →Таблица →Добавить таблицу ). На экране появится окно создания таблицы, вид которой показан на рисунке внизу, в котором укажем количество столбцов - 5, количество строк -18.

Получим следующую таблицу.

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

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

После выполнения этой операции граница между выделенными ячейками пропадет.

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

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

Далее займемся текстом. Прежде всего, отметим, что если будем пользоваться стандартным шрифтом, размером 10 или 12, то текст не влезет в ячейки, поэтому выделим всю таблицу и установим размер шрифта равным семи. Для выделения таблицы нужно подвести курсор мыши на таблицы и, когда появится значок с крестиком (), щелкнуть по нему, после чего вся таблица будет окрашена темным цветом.

Посмотрим в табло размер 7. Так как такого в списке нет, то установим это значение в поле, которое находится сверху списка (). Для этого щелкнем по полю левой кнопкой мыши. В поле появится курсор клавиатуры в виде мигающей вертикальной палочки. Если в поле находятся цифры, то удалим их при помощи клавиш Del или Backspace и вставим значение 7 и нажмем на клавишу Enter .

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

Иногда требуется вставить две строчки, например на одной должна находиться надпись «Назн.», а на второй «плат.». В этом случае сначала наберите «Назн.», затем нажмите на клавишу Enter , после чего наберите текст «плат.». Если первая строчка должна быть пустая, а во второй находится текст, то вначале нажмите на клавишу Enter , курсор перейдет на вторую строчку, затем наберите текст второй строчки. В результате получится таблица, показанная внизу. При заведении текста, некоторые символы становятся из прописных в заглавные, например, если ввести «сч.», то после того, как будет введен пробел после слова, то символ «с» станет «С». Для того, чтобы сделать его снова небольшим, щелкнем по кнопке отмены последнего действия (), которая находится в панели быстрого доступа. Так как последнее действия связано с изменением размера символы, то оно будет отменено.

Так как некоторые ячейки имеют не одну строку, а некоторые две и более, то для наглядности ниже приведен рисунок, где отображены спец символы по режиму .

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

В данном табло указаны режимы с границей. Для того чтобы убрать левую границу, щелкните по рисунку, на котором изображена левая граница жирным цветом и слева надпись «Левая граница» (). При этом данное изображение появится на кнопке, которая вызвала табло. Отметим, что граница может не всегда убираться по данному режиму. Это происходит из-за того, что рядом с ней расположена объединенная ячейка (состоящая из нескольких). В этом случае, сначала уберите (или установите) границы объединенной ячейки, а затем восстановите границы простых ячеек. Иногда удаляется не граница одной ячейки, а нескольких. Это происходит потому, что ячейка не выделена, а в ней находится курсор мыши. Выделите ячейку так, чтобы она покрылась серым цветом. Можно трижды щелкнуть по ячейке левой кнопкой мыши.

Можно также воспользоваться режимом Границы и заливка , который появится в панно, если щелкнуть правой кнопкой мыши.

В результате получим таблицу, вид которой показан ниже.

Далее займемся форматированием текста. Прежде всего, увеличим текст в ячейке, в которой находится текст: «ПЛАТЕЖНОЕ ПОРУЧЕНИЕ №», для чего выделим эту ячейку, либо щелкнув по слову в ячейке три раз подряд, либо подведем курсор к левому верхнему углу ячейки, нажмем левую кнопку мыши, и, не отпуская ее перенесем в противоположный угол ячейки, после чего отпустим кнопку мыши. В результате вся ячейка будет заполнена темным цветом. Затем установим размер текста 9 (), далее нажмем на кнопку полужирный () и на кнопку расположения текста права ().

Теперь расположим текст в ячейках: «0401002», «Сумма», «ДЕБЕТ», «КРЕДИТ», «Код Н-7», «Код 12», «сч. №», «сумма с пеней», «пеня за дней из %Р.», «почтой - телеграфом (нужное подчеркнуть)» посередине ячейки. Для этого нужно установить курсор поочередно в этих ячейках и нажимать на кнопку . Если текст в ячейке был введен на двух строчках, то нужно вначале установить курсор на первой строчке и воспользоваться данной кнопкой, затем на второй строчке и снова воспользоваться данным режимом. Для того чтобы сдвинуть надпись «Подписи клиента» вправо вставим несколько пробелов перед данным текстом, для чего нужно поставить курсор перед текстом и нажать несколько раз на клавишу пробел.

После этого также установим текст «» 200г. по центру ячейки. В результате получим таблицу, вид которой указан ниже.

На следующем шаге выделим границы ячеек более жирными линиями, в которых находится текст «Код Н-7», «Код 12», ячейку, находящуюся левее ячейки с текстом «ПЛАТЕЖНОЕ ПОРУЧЕНИЕ №», ячейку, ниже ячейки с текстом «ДЕБЕТ» и «КРЕДИТ» и другие. Для этого, снова воспользоваться режимом установки границ при помощи правой кнопки мыши (Граница и заливка ), где выберем толщину линии (Ширина ) как «1,5 ». Иногда нужно нажать дважды на кнопку с границей с тем, чтобы убрать границу и установить. При этом будет убрана граница с толщиной 0.5, а добавлена с толщиной 1.5.

Получим следующий вид таблицы.

После этого сдвинем влево текст ячеек от надписи «Плательщик» и ниже до «Назначение платежа…», для этого воспользуемся режимом Главная → Абзац () → Отступы и интервалы → Отступ → слева на -0,1. Чтобы текст был ближе к границе, можно установить значение не -0.1, а -0.2.

Разобьем ячейки с текстом: «Вид опер.», «Назн. плат.», «Срок плат.», «Очер. плат.», «№ гр. банка», на две. Для этого установим курсор поочередно в каждой из этих ячеек и воспользуемся соответствующей кнопкой разбиения ячеек, которая находится в панели вызываемой правой кнопкой мыши (Разбить ячейки ).

При выполнении этой операции текст первой строчки останется в левой ячейке, а второй в правой. Поэтому после выполнения режима перенесем текст из правой ячейки в левую. Для этого щелкнем по тексту два раза, установим курсор на выделенной части текста, нажмем левую кнопку мыши, и, не отпуская ее, перенесем в левую ячейку. Также разобьем ячейку с текстом «Подписи клиентов» на две.

В итоге получится таблица, вид которой показан ниже.

Остались последние шаги. Перенесем границы ячейки, которая находится справа от ячейки с текстом: «ПЛАТЕЖНОЕ ПОРУЧЕНИЕ №», границы ячеек с текстом «Код Н-7» и «Код 12», для чего подведем курсор мыши к границе этих ячеек, и, когда курсор превратится в две направленные в разные стороны стрелки () , нужно перенести границу в новое место. Отметим, что при этой операции сдвигаются также и границы верхних и нижних ячеек, которые продолжаются от передвигаемой границы. Иногда требуется передвинуть границу только одной ячейки. Для того, чтобы это сделать, нужно выделить ячейку, подвести к ее границе курсор, и, когда он превратится в две стрелки, перенести границу в другое место.

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

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

Кроме того, можно заполнить поля документа конкретными значениями, например, Плательщика, Коды, Банк плательщика, Сумма прописью, Назначение платежа и другие. Для того, чтобы текст был лучше читаем, лучше этот веденный текст форматировать другим стилем шрифта, нежели стандартный текст, введенный в данном примере. Можно также выделить новый введенный текст полужирным стилем, можно подчеркнуть цифры и так далее.

Примеры

Пример демонстрирует, как вставить таблицу в html-документ.

Как изменить рамку вокруг таблицы.

Таблицы

Таблица вставляется с помощью тега
. Таблица состоит из строк (элемент ), каждая строчка состоит из одной или нескольких ячеек с данными (элемент , и используются редко из-за неполной поддержки в браузерах. Ожидается, что это будет исправлено в будущих версиях XHTML.
Больше примеров
Пример демонстрирует таблицы без рамок.
Пример демонстирует как отображать заголовки в таблице.

Больше информации по теме

Яндекс Пипл — поиск людей в соц

Исправляем проблемы с загрузчиком используя командную строку

Украли телефон - что делать?

Bootstrap - Создание галереи изображений

Как сделать автообновление страницы в яндекс браузере Автообновление в Opera

Как сделать приложение или игру для андроид Способы и стоимость создания приложения

Полезное

Что делать, если вместо текста иероглифы (в Word, браузере или текстовом документе) Непонятные иероглифы вместо букв

Часы пропеллер на pic16f628a своими руками

Почему Не работает вентилятор на ноутбуке!

Калорийность, химический состав и пищевая ценность

Почему картридж может течь после заправки Что делать если картридж подтекает

Все о современной технике. Ошибки. Игры. Поломки. Техника. Интернет

Карта сайта

Обратная связь

© Copyright 2024, https://qzoreteam.ru

). Ячейки с данными могут содержать текст, изображения, списки, параграфы, формы, горизонтальные линии, таблицы и т.д.

Первая строчка, первая ячейка Первая строчка, вторая ячейка

Вторая строчка, первая ячейка Вторая строчка, вторая ячейка

Первая строчка, первая ячейка Первая строчка, вторая ячейка
Вторая строчка, первая ячейка Вторая строчка, вторая ячейка
Таблицы и атрибут border

Если вы не укажете атрибут border, таблица будет отображена без рамок. Иногда это бывает полезно, но в большинстве случаев вы скорее всего захотите отобразить рамки таблицы.

Для их отображения надо использовать атрибут border:

Первая строчка, первая ячейка Первая строчка, вторая ячейка

Заголовки в таблице

Заголовки в таблицу вставляются с помощью тега

Заголовок Еще один заголовок

Строчка 1, ячейка 1 Строчка 1, ячейка 2

Строчка 2, ячейка 1 Строчка 2, ячейка 2

Как это будет выглядеть в браузере:

Пустые ячейки в таблице

Пустые ячейки не очень хорошо отображаются во многих браузерах:

Строчка 1, ячейка 1 Строчка 1, ячейка 2

Строчка 2, ячейка 1

Как это будет выглядеть в браузере:

Строчка 1, ячейка 1 Строчка 1, ячейка 2
Строчка 2, ячейка 1
Заметьте, что исчезли рамки вокруг пустой ячейки (Mozilla Firefox отображает рамки!).

Чтобы избежать этого и отобразить рамки вокруг пустой ячейки, добавьте неразрывный пробел () в пустые ячейки:

Строчка 1, ячейка 1 Строчка 1, ячейка 2

Строчка 2, ячейка 1

Как это будет выглядеть в браузере:

Строчка 1, ячейка 1 Строчка 1, ячейка 2
Строчка 2, ячейка 1

Теги

Ячейка 1	Ячeйкa 2	Ячейка 3
Ячeйкa 4	Ячейка 5	Ячейка 6

Заголовок столбца 1	Заголовок столбца 2	Заголовок столбца 3
Данные	Данные	Данные
Данные	Данные	Данные
Данные	Данные	Данные
Данные	Данные	Данные
Данные	Данные	Данные
Данные	Данные	Данные
Итог	Итог	Итог

Как заполнить пустые ячейки в Excel?

Преобразование текста в таблицу. Форматирование таблиц и текста в них. Заголовки. Вычисления в таблице.

Таблицы в HTML

взрослого населения Санкт-Петербурга

Наиболее употребительные мужские имена взрослого населения Санкт-Петербурга

до

Города Ленинградской области

Пример гибкого управления линиямисетки таблицы

3. Создание пустой таблицы

Перемещение по ячейкам таблицы

Выделение элементов таблицы

Манипуляции с текстом

Редактирование таблиц

Форматирование таблиц

Сортировка таблиц

Преобразования текст-таблица и таблица-текст

Преобразование текста в таблицу

Преобразование таблицы в текст

Занятия Краткий инструктаж по технике безопасности в компьютерном классе. Работа с обучающимисяя по принятию цели занятия

2 уроки по ознакомлению учащихся с новым материалом

Методические приемы использования мультимедиа на уроках биологии. 8 Общие принципы организации обучения с применением пк 9

Примеры

Таблицы

Таблицы и атрибут border

Заголовки в таблице

Пустые ячейки в таблице

Больше примеров

взрослого

населения Санкт-Петербурга

Наиболее употребительные мужские имена

взрослого населения Санкт-Петербурга

Пример гибкого управления линиями
сетки таблицы