- •Составители:
- •Рецензент:
- •Оглавление
- •Введение
- •1 Основы html
- •1.1 Структура документа html
- •1.2 Гипертекстовые ссылки
- •1.3 Форматирование текста
- •1.4 Таблицы
- •2 Упражнения
- •2.1 Создание простейшей Web-страницы.
- •2.2 Изучение приемов форматирования абзацев.
- •2.3 Создание гиперссылок.
- •2.4 Создание изображения на Web-странице
- •2.5 Приемы форматирования текста.
- •2.6 Приёмы создания списков.
- •2.7 Создание таблиц
- •2.8 Создание фреймов
- •Библиографический список
1.4 Таблицы
Таблицы удобны для представления больших объемов данных или для точного размещения элементов Web-страниц. Таблица в языке HTML задается при помощи парного тега <TABLE>. Она может содержать заголовок таблицы, определяемый парным тегом <САРТION>, и строки таблицы, задаваемые при помощи парных тегов <TR>. Ячейки в заголовках столбцов и строк задают парным тегом <ТН>, а обычные ячейки – парным тегом <TD>. Закрывающие теги <TR>, <ТН>, <TD> можно опускать.
Атрибуты элементов позволяют сколь угодно причудливо оформить таблицу по своему вкусу. В таблице 1 приведена краткая сводка допустимых атрибутов.
Язык HTML имеет множество других возможностей, среди которых и отображение нескольких документов на одной странице с помощью фреймов, и создание интерактивных Web-страниц, и внедрение в документ исполняемых текстов программ – скриптов, и так далее. Заинтересованный читатель может обратиться к официальному документу по HTML, доступному на странице http://www.w3.org/pub/WWW/MarkUp/Wilbur/.
Таблица 1. Атрибуты элементов, используемых при создании таблицы
Атрибут |
Элемент |
Назначение |
ALIGN= |
Таблица, заголовок, строка, ячейка |
Выравнивание таблицы по горизонтали; выравнивание данных по горизонтали; размещение заголовка над или под таблицей |
VALIGN= |
Строка, ячейка |
Выравнивание по вертикали |
WIDTH= |
Таблица, ячейка |
Ширина |
HEIGHT= |
Ячейка |
Высота |
COLSPAN= |
Ячейка |
Протяженность в несколько столбцов |
ROWSPAN= |
Ячейка |
Протяженность в несколько строк |
BGCOLOR= |
Таблица, ячейка |
Цвет фона |
CELLSPACING= |
Таблица |
Зазор между ячейками |
CELLPADDING= |
Таблица |
Зазор между содержимым ячейки и ее границей |
BORDER= |
Таблица |
Отображение границ ячеек и внешней рамки таблицы |
2 Упражнения
2.1 Создание простейшей Web-страницы.
-
Запустите текстовый редактор Блокнот (Пуск–Программы–Стандартные–Блокнот).
-
Введите следующий документ:
<HTML> <HEAD> <TITLE>Заголовок документа</TITLE> <HEAD>
<BODY> Содержание
документа</BODY> </HTML>
-
Сохраните этот документ под именем first.htm. Перед сохранением убедитесь, что сброшен флажок Не показывать расширения для зарегистрированных типов файлов (Пуск – Настройка – Свойства папки – Вид). В противном случае редактор Блокнот может автоматически добавить в конец имени расширение. ТХТ.
-
Запустите программу Internet Explorer (Пуск–Программы–Internet Explorer)
-
Дайте команду Файл – Открыть. Щелкните на кнопке Обзор и откройте файл first.htm.
-
Просмотрите, как отображается этот файл – простейший корректный документ HTML. Где отображается содержимое элемента TITLE? Где отображается содержимое элемента BODY?
-
Как отображаются слова “Содержание” и “документа”, введенные в двух отдельных строчках? Почему? Проверьте, что происходит при уменьшении ширины окна.