- •Глава 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
Вопросы для самоконтроля к главе 5
В чем отличие нумерованных и маркированных списков?
Как создается маркированный список?
Как создается нумерованный список?
Имеются ли специальные средства для создания многоуровневых списков?
Какие средства используются, если необходимо в нумерованных списках начать нумерацию не с единицы, а другой цифры?
Можно ли создать список со смешанной нумерацией?
Можно ли сделать так, чтобы основной текст Web-страницы был одним шрифтом, а список другим?
Какие имеются средства в HTML-коде для создания разных маркеров в маркированном списке?
Можно ли использовать другие маркеры, не предусмотренные специально для создания маркированного списка, например: >, √, ◊?
Как создается многоуровневый список?
Как создается список определений?
Глава 6. Табличный дизайн
6.1. Создание таблиц
Таблицы необходимы для представления на Web-странице информации в табличном виде. Таблицы, как известно, состоят из строк и столбцов, пересечение которых дает ячейки. В ячейках таблицы могут располагаться текст, рисунки, гиперссылки. Несколько ячеек таблицы могут сливаться (объединяться) в одну. В текстовых редакторах, подобных редактору Блокнот, нет специальных возможностей для вставки таблиц, как предусмотрено, например, в MS Word. Поэтому для построения таблиц используются специальные теги, позволяющие последовательно, ячейку за ячейкой, создавать таблицу и вносить данные.
HTML-структура, описывающая таблицу, состоит из трех обязательных элементов:
тега <TABLE> (от англ. Table – таблица), описывающего параметры таблицы в целом;
тега <TR> (от англ. Table Row – строка таблицы), внутри которого заключаются строки и описываются параметры соответствующей строки;
тега <TD> (от англ. Table Data – содержимое таблицы), внутри которого непосредственно находится содержимое ячеек и описываются параметры отдельной ячейки.
Рассмотрим пример создания простой таблицы, состоящей из двух столбцов и трех строк, и имеющей следующее содержание:
ФИО |
Дата рождения |
Орлов Н.Л. |
12.03.1970 |
Яковлев В.К. |
05.06.1981 |
HTML-код страницы с такой таблицей (с комментариями) будет иметь вид:
<HTML> <HEAD> <TITLE>Создание таблицы</TITLE> </HEAD> <TABLE > <!--Начало таблицы--> <TR><!--Начало первой строки-->
<TD> ФИО </TD> <TD> Дата рождения </TD> </TR> <TR> <!--Начало второй строки--> <TD>
Орлов Н.Л. </TD> <TD> 12.03.1970 </TD> </TR>
<TR> <!--Начало третьей строки--> <TD>
Яковлев В.К. </TD> <TD> 05.06.1981 </TD> </TR>
</TABLE> <!--Конец таблицы--> </HTML>
Как видим, содержимое каждой ячейки заключается внутрь тегов <TD> и </TD>. Все ячейки каждой строки - внутрь тегов <TR> и </TR>, количество пар которых соответствует количеству строк таблицы. Таблица начинается с тега <TABLE> и заканчивается тегом </TABLE>.
Описание параметров тегов<TABLE>, <TR> и <TD> представлено в таблицах 3, 4 и 5.
Таблица 3
Параметры тега <TABLE>
align |
Устанавливает расположение таблицы по отношению к полям документа. Допустимые значения: align=left (выравнивание влево), align=center (выравнивание по центру), align=right (выравнивание вправо). |
width |
Ширина таблицы. Ее можно задать в пикселях (например, width=300) или в процентах от ширины страницы (например, width=60%). |
border |
Устанавливает ширину внешней рамки таблицы и ячеек в пикселях (например, border=4). Если параметр не установлен, таблица показывается без рамки. |
cellspacing |
Устанавливает расстояние между рамками ячеек таблицы в пикселях (например, cellspacing=2). |
cellpadding |
Устанавливает расстояние между рамкой ячейки и текстом в пикселях (например, cellpadding=10). |
Таблица 4
Параметры тега <TR>
align |
Устанавливает выравнивание текста в ячейках строки. Допустимые значения: align=left (выравнивание влево), align=center (выравнивание по центру), align=right (выравнивание вправо). |
bordercolor |
Устанавливает цвет рамки |
valign |
Устанавливает вертикальное выравнивание текста в ячейках строки. Допустимые значения: valign=top (выравнивание по верхнему краю), valign=middle (выравнивание по центру), valign=bottom (выравнивание по нижнему краю). |
Таблица 5
Параметры тега <TD>
nowrap
|
Наличие этого параметра означает, что содержимое ячейки должно быть показано в одну строку. Используется без параметров |
colspan |
Устанавливает "размах" ячейки по горизонтали. Например, colspan=3 означает, что ячейка простирается на три колонки. |
rowspan |
Устанавливает "размах" ячейки по вертикали. Например, rowspan=2 означает, что ячейка занимает две строки. |
align |
Устанавливает выравнивание текста в ячейке. Допустимые значения: align=left (выравнивание влево), align=center (выравнивание по центру), align=right (выравнивание вправо). |
valign |
Устанавливает вертикальное выравнивание текста в ячейке. Допустимые значения: valign=top (выравнивание по верхнему краю), valign=middle (выравнивание по центру), valign=bottom (выравнивание по нижнему краю). |
width |
Устанавливает ширину ячейки в пикселях (например, width=250). |
height |
Устанавливает высоту ячейки в пикселях (например, height=40). |