- •«Разметка html – документов»
- •Содержание
- •Структура html-документа
- •Заголовок документа
- •Тело документа
- •Заголовки внутри документа
- •Параграфы
- •Принудительное разбиение строк
- •Комментарии
- •Оформление нтмl-документов
- •Горизонтальные разделители
- •Простые списки
- •Нумерованные списки
- •Списки с определениями
- •Вложенные списки
- •Добавление бегущей строки
- •Унифицированный адрес ресурсов
- •Ссылки на фрагменты документов
- •Ссылки на части одного документа
- •Посылка электронной почты
- •Преформатированный текст
- •Форматирование символов
- •Использование тэгов форматирования
- •Специальные символы
- •Использование графических изображений
- •Встроенные изображения, звуки и анимация
- •Ссылки на изображения, звуки и анимацию
- •Таблицы
- •Простейшая однострочная таблица
- •Приемы ускорения создания таблиц
- •Создание строки надписей
- •Включение названия
- •Выравнивание текста внутри клеток
- •Пустые клетки
- •Перекрытие текстом нескольких строк или столбцов
- •Средства таблиц
- •Задания к лабораторной работе
- •Содержание отчета по лабораторной работе
- •Приложение б Константы для представления цветов
- •Продолжение приложения б
- •Издательство «нефтегазовый университет»
- •625000, Г. Тюмень, ул. Володарского, 38
- •625039. Г.Тюмень. Ул. Киевская, 52
Включение названия
Последним базовым элементом таблицы является название. Это короткое описание, показывающее читателю назначение таблицы. Для определения названия применяемся метка <CAPTION>:
<CAPTION ALIGN=где> Здесь находится название.</CAPTION>
Здесь где может быть ТОР (название вверху таблицы) или BOTTOM (название внизу таблицы).
Выравнивание текста внутри клеток
Стандартным выравниванием для клеток таблицы является выравнивание влево для клеток данными (<TD>) и центрирование для клеток надписей (<ТН>). С помощью атрибута \LIGN внутри метки <TD> или <ТН> можно определить выравнивание текста влево, вправо или центрирование. Вот общий формат этих меток:
<TD ALIGN = выравнивание>
<TH ALIGN = выравнивание>
Здесь выравнивание может быть LEFT (влево), CENTER (по центру) или RIGHT право). Также можно выровнять текст в клетке по вертикали. Такой способ удобен, когда одна клетка большая (например, содержит много текста или относительно большое изображение) и желательно выровнять вертикальную позицию других клеток в той же строке таблицы. В этом случае в метках <TD> или <ТН> применяется атрибуты VALIGN вертикальное выравнивание):
<TD VALIGN = вертикальное>:
<TH VALIGN = вертикальное>
Здесь вертикальное может быть TOP, MIDDLE (принимается по умолчанию) или BOTTOM.
Пустые клетки
Если тэги <TD> и </TD> находятся рядом и между ними ничего нет. в браузере выглядит заполненной. Для получения на самом деле пустой клетки применяется такая комбинация меток: <TD><BR></TD>.
Перекрытие текстом нескольких строк или столбцов
До сих пор каждый блок данных при вводе в таблицу занимал только одну клетку. Однако вполне возможны и допустимы блоки данных, занимающие две, три и более клеток. Говорят, такие клетки перекрывают несколько строк или столбцов, что удобно для надписей и графики.
Начнем с перекрытия нескольких столбцов. Для его реализации необходимо указать в метке <TD> или <ТН> атрибут COLSPAN (column span - перекрытие столбцов):
<TD COLSPAN=столбцы>
<TH COLSPAN=столбцы>
Здесь столбцы показывает, сколько столбцов перекрывает клетка
Перекрытие на несколько строк аналогично, но вместо атрибута COLSPAN в метках <TD> или <ТН> указывается атрибут ROWSPAN:
<TD ROWSPAN=Строки> .
<TH ROWSPAN=Строки>
Здесь значение строки представляет собой число строк, которые перекрывает клетка.
Средства таблиц
Размер рамки. Для изменения толщины рамки таблицы можно присвоить значение BORDER метки <TABLE>. Отметим, что толщина относится только к той части рамки. которая окружает внешнюю часть таблицы; внутренние рамки не изменяются. например. для вывода таблицы с рамкой в пять единиц толщины применяется такая метка:
<TABLE BORDER=5>
Ширина таблицы. Обычно браузер корректирует ширину таблицы в соответствии с текущимим размером окна. Но если необходимо определить для таблицы конкретную ширину в можно использовать атрибут WIDTH в метке <TABLE>. Можно определить значение в пикселях или. что более удобно, в процентах доступной ширимы окна. Например, чтобы таблица всегда занимала 75% ширины окна, применяется метка <ТАВLE>:
<TABLE WIDTH = 75%>
Ширина клетки. Допускается определять ширину отдельной клетки, добавляя атрибут WIDTH в метку <TD> или <ТН>. Значение определяется в пикселях или процентах таблицы. Отметим, что все клетки в столбце будут иметь одну и ту же ширину. В следующем примере клетка занимает 50% ширины таблицы:
<TD WIDTH=50%>
Интервал между клетками. По умолчанию браузеры допускают интервал только в единицы между каждой клеткой. Для изменения его применяется атрибут LSPACING для метки <TABLE>. Следующая метка увеличивает интервал до 10 единиц:
<TABLE CELLSPACINGS =10>
Промежуток между содержимым клетки и рамкой. Браузеры втискивают данные в метки максимально плотно. При этом они оставляют промежуток только в одну единицу содержимым клетки и ее рамкой. (Этот промежуток называется отбивкой клетки - padding.) Чтобы оставить данным больше места, применяется атрибут CELLPADDING и <TABLE>. Например, следующая метка указывает браузеру зарезервировать десять отбивки сверху, снизу, справа и слева от содержимого клетки: <TABLE CELLPADDING=10>.