- •Содержание
- •Введение
- •1 Структура html-документа
- •2.2 Горизонтальная линия
- •2.3 Абзац
- •2.4 Принудительный разрыв строки
- •2.5 Цвет фона и цвет шрифта
- •3 Оформление отдельных элементов текста
- •3.1 Текстовые ссылки и цитаты
- •3.2 Усиление текста
- •3.3 Авторское редактирование
- •3.4 Центрирование абзацев и фрагментов
- •4 Программирование списков
- •4.1 Маркированный список
- •4.2 Нумерованный список
- •4.3 Вложенные списки
- •5 Гипертекст
- •5.1 Переносимость
- •5.2 Html-документ - это гипертекст
- •5.3 Гипертексты и браузеры
- •5.4 Переход к другому документу
- •5.5 Переход к метке другого документа
- •6 Графика
- •6.1 Программирование картинки
- •7 Фоновые изображения
- •8 Таблицы
- •8.1 Программирование таблицы
- •8.2 Атрибуты команды tr
- •8.3 Атрибуты команды td (th)
- •8.4 Страничные отступы
- •8.5 Таблицы, вложенные друг в друга
- •9 Вопросы для самоконтроля
- •10 Задания
- •Литература
Содержание
Введение 5
1 Структура HTML-документа 6
1.1 Заголовок программы 7
1.2 Тело программы 7
2 Форматирование текста 7
2.1 Заголовки 8
2.2 Горизонтальная линия 9
2.3 Абзац 9
2.4 Принудительный разрыв строки 10
2.5 Цвет фона и цвет шрифта 10
3 Оформление отдельных элементов текста 12
3.1 Текстовые ссылки и цитаты 12
3.2 Усиление текста 12
3.3 Авторское редактирование 13
3.4 Центрирование абзацев и фрагментов 13
4 Программирование списков 13
4.1 Маркированный список 14
4.2 Нумерованный список 14
4.3 Вложенные списки 16
5 Гипертекст 16
5.1 Переносимость 17
5.2 HTML-документ - это гипертекст 18
5.3 Гипертексты и браузеры 19
5.4 Переход к другому документу 20
5.5 Переход к метке другого документа 21
6 Графика 22
6.1 Программирование картинки 22
7 Фоновые изображения 24
8 Таблицы 25
8.1 Программирование таблицы 25
8.2 Атрибуты команды TR 27
8.3 Атрибуты команды TD (TH) 27
8.4 Страничные отступы 28
8.5 Таблицы, вложенные друг в друга 29
9 Вопросы для самоконтроля 31
10 Задания 32
Литература 33
Введение
За основу модели разметки документов в HTML принята теговая модель. Теговая модель описывает документ как совокупность контейнеров, каждый из которых начинается и заканчивается тегами. Т.е. документ НТМL представляет собой не что иное, как обычный АSСII-файл, с добавленными в него управляющими НТМL-кодами (тегами). Теги НТМL-документов просты для понимания и использования, они образованы с помощью общеупотребительных слов английского языка, понятных сокращений и обозначений. НТМL-тег состоит из имени, за которым может следовать необязательный список атрибутов тега. Текст тега заключается в угловые скобки (< и >). Простейший вариант тега - имя, заключенное в угловые скобки, например <HEAD> или <i>. Для более сложных тегов характерно различие атрибутов, которые могут иметь конкретные значения для видоизменения функции тега.
Атрибуты тега следуют за именем и отделяются друг от друга одним или несколькими знаками табуляции, пробелами или символами возврата к началу строки. Порядок записи атрибутов в теге значения не имеет. Значение атрибута, если таковое имеется, следует за знаком равенства, стоящим после имени атрибута. Если значение атрибута - одно слово или число, то его можно просто указать после знака равенства, не выделяя дополнительно. Все остальные значения необходимо заключать в одинарные или двойные кавычки, особенно если они содержат несколько разделенных пробелами слов. Длина значения атрибута ограничена 1024 символами. Регистр символов в именах тегов и атрибутов не учитывается, чего нельзя сказать о значениях атрибутов. Особенно важно использовать нужный регистр при вводе URL других документов в качестве значения атрибута HREF. Чаще всего НТМL-теги состоят из начального и конечного компонентов, между которыми размещаются текст и другие элементы документа. Имя конечного тега идентично имени начального, но перед именем конечного тега ставится косая черта (/) (например, для тега стиля шрифта - курсив <i> закрывающая пара представляет собой </i>, для тега заголовка <ТIТLЕ> закрывающей парой будет </ТIТLЕ>). Конечные теги никогда не содержат атрибутов.