- •Глава 1. Создание документа в html
- •1.1. Начало работы
- •1.2. Общие сведения о html-документе
- •1.3. Структура html-документа
- •1.4. Форматирование текста
- •1.4.1. Шрифтовое выделение фрагмента текста
- •1.4.2. Форматирование абзацев
- •1.4.3. Шрифты
- •Характеристика цветов
- •1.4.4. Верхние и нижние индексы
- •1.5. Заголовки текста
- •1.6. Специальные символы
- •1.7. Цитаты
- •Вопросы для самоконтроля к главе 1
- •Глава 2. Элементы оформления страницы
- •Отступы от края окна
- •Цвет фона
- •Цвет текста
- •Бегущая строка
- •Горизонтальные линии
- •Сокращения
- •Комментарии
- •Вопросы для самоконтроля к главе 2
- •Глава 3. Графика
- •Вставка графических изображений на страницу
- •Размеры изображения
- •Изображение в рамке
- •Графика и текст
- •Сопровождение рисунка текстом
- •Вопросы для самоконтроля к главе 3
- •Глава 4. Гипертекстовые ссылки
- •4.1. Создание гиперссылок
- •4.2. Создание закладок
- •Оглавление
- •Глава 1. Знакомство с ms Excel 2003
- •Глава 2. Расчеты в ms Excel 2003
- •Глава 3. Оформление рабочих листов
- •Оглавление
- •Глава 1. Знакомство с ms Excel 2003
- •Глава 2. Расчеты в ms Excel 2003
- •Глава 3. Оформление ms Excel 2003
- •4.3. Изображение как гиперссылка
- •Вопросы для самоконтроля к главе 4
- •Глава 5. Списки
- •5.1. Нумерованные списки
- •5.2. Маркированные списки
- •Многоуровневые списки
- •Список определений
- •Вопросы для самоконтроля к главе 5
- •Глава 6. Табличный дизайн
- •6.1. Создание таблиц
- •6.2. Горизонтальное выравнивание в таблице
- •6.3. Рамки таблицы
- •6.3.1. Толщина и цвет рамок
- •Частичное отображение рамок
- •Фон таблицы и ячеек
- •Шрифт таблицы и ячеек
- •Объединение ячеек
- •Заголовок таблицы
- •Вопросы для самоконтроля к главе 6
- •Глава 7. Фреймы
- •Понятие фреймовой структуры
- •Расположение фреймов в окне браузера
- •Способы задания размеров фреймов
- •Вложенные фреймы
- •Обрамление фреймов
- •Открытие страниц во фреймах
- •Вопросы для самоконтроля к главе 7
- •Глава 8. Внешние параметры web-страницы
- •8.1. Название страницы
- •8.2.1. Мета-запись keywords
- •8.2.2. Мета-запись description
- •8.2.3. Мета-запись refresh
- •8.2.4. Мета-запись expires
- •8.2.5. Мета-записи author и copyright
- •Вопросы для самоконтроля к главе 8
6.2. Горизонтальное выравнивание в таблице
Чтобы в построенной нами таблице заголовки столбцов ФИО и Дата рождения располагались по центру ячеек, необходимо добавить параметры тегу <TR>, описывающему содержимое первой строки:
<TR align=center > <!--Начало первой строки-->
…
</TR>
Если необходимо располагать текст по центру не во всей строке, а только в отдельной ячейке, то параметр align=center необходимо устанавливать только для соответствующей ячейки, а не для всей строки, например:
<TD align=center > 12.03.1970 </TD>
6.3. Рамки таблицы
6.3.1. Толщина и цвет рамок
Таблица, код которой описан в предыдущем примере, не имеет рамок, т.к. не описаны соответствующие параметры. Рамки в таблицах задаются толщиной и цветом и описываются параметрами border и bordercolor соответственно. Например, задав в нашем примере параметры
<TABLE border=10 bordercolor=blue> <!--Начало таблицы-->,
толщина рамки будет 10 пикселей, а ее цвет синий (рис.16). Если при заданной толщине рамки ее цвет не указан, то он будет по умолчанию черно-серым.
Обращаем внимание на то, что существуют внешние рамки и рамки ячеек таблицы. В предыдущем примере мы задали толщину и цвет внешней рамки. Толщина внутренних рамок является фиксированной. Но при этом можно задавать цвет для каждой строки и ячейки в отдельности с помощью того же параметра bordercolor. Например, задав следующий HTML-код
<TABLE border=10 bordercolor=blue> <!--Начало таблицы-->
<TR align=center bordercolor=red><!--Начало первой строки-->
<TD>
…,
внешняя рамка таблицы по-прежнему будет иметь синий цвет, рамка ячеек первой строки – красный цвет, рамка ячеек второй и третьей строки – синий цвет.
Если в ячейке нет никакого содержимого, то рамки вокруг такой ячейки тоже не будет. Для того чтобы пустая ячейка имела рамку, необходимо в нее вставить что-нибудь невидимое, например, неразрывный пробел .
Рис.16. Таблица с толщиной рамки 10 пикселей
Частичное отображение рамок
Иногда возникает ситуация, когда при заданной внешней рамке, не должны просматриваться рамки ячеек таблицы. Или рамки ячеек разбивают таблицу только на столбцы, или только на строки. За отображение рамок отдельных ячеек отвечает параметр rules, за отображение разных частей внешней рамки – параметр frame.
Рассмотрим разные ситуации использования этих параметров тега TABLE. При этом параметр border имеет ненулевое значение. Если ширина рамки равна нулю, то границ видно не будет.
Отображается только внешняя рамка таблицы (параметр rules принимает значение none) (рис.17):
<TABLE border=10 bordercolor=blue rules=none> <!--Начало таблицы-->
Рис.17. Таблица, имеющая только внешнюю рамку
Видны границы между строками (параметр rules принимает значение rows) (рис.18):
<TABLE border=10 bordercolor=blue rules=rows> <!--Начало таблицы-->
Видны границы между столбцами (параметр rules принимает значение cols) (рис.19):
<TABLE border=10 bordercolor=blue rules=cols> <!--Начало таблицы-->
Рамка по обеим сторонам ячеек (параметру frame присваивается значение vsides) (рис.20):
<TABLE frame=vsides> <!--Начало таблицы-->
Рамка слева от ячеек (параметру frame присваивается значение lhs) (рис.21):
<TABLE frame=lhs> <!--Начало таблицы-->
Рамка справа от ячеек (параметру frame присваивается значение rhs) (рис.22):
<TABLE frame=rhs> <!--Начало таблицы-->
Горизонтальные разделители (параметру frame присваивается значение above, если разделение над ячейками, below – под ячейками, hsides – сверху и снизу ячеек) (рис.23):
<TABLE frame=hsides> <!--Начало таблицы-->
Рис.18. Таблица, имеющая границы между строками
Рис.19. Таблица, имеющая границы между столбцами
Видны границы между ячейками, кроме рамки вокруг всей таблицы (при заданном ненулевом значении параметра border) (параметру frame присваивается значение void) (рис.24):
<TABLE border=1 frame=void> <!--Начало таблицы-->
Рис.20. Таблица, имеющая рамки по обеим сторонам ячеек
Рис.21. Таблица, имеющая рамки слева от ячеек
Рис.22. Таблица, имеющая рамки слева от ячеек
Рис.23. Таблица, имеющая горизонтальные разделители
Рис.24. Таблица, имеющая границы между ячейками