- •Институт управления,
- •1. Что такое html?
- •2. Первый html-документ
- •2.1 Как устроен html-документ
- •3. Как можно улучшить простой html-документ
- •3.1 Абзац
- •3.1.3 Комментарии
- •3.2 Форматирование шрифта
- •3.2.1 Физические стили
- •3.2.2 Логические стили
- •4. Организация текста внутри документа
- •4.4 Вложенные списки
- •5. За пределами html-файла
- •5.1 Связывание
- •5.2 Изображения в html-документе
- •6. Тайное становится явным, или Видимое действие невидимых меток
- •6.1 Цветовая гамма html-документа
- •6.2 Заголовок html-документа: что в нем может быть интересного?
- •7. Таблицы. Для чего нужны таблицы?
- •7.1 Как устроена таблица?
- •8. Фрейм. Что такое фрейм?
- •8.1 Для чего можно использовать фреймы?
- •8.2 Создание простой страницы с фреймами
- •8.2.1 Задание фреймовой структуры
- •8.2.2 Подготовка содержимого фрейма
- •8.2.3 Подготовка фрейма main
- •8.2.5 Специфические теги и атрибуты фреймов
- •9. Формы. Для чего нужны формы?
- •9.1 Как устроена форма?
- •9.2 Простейшая форма
- •9.3 Как форма собирает данные?
- •10. Некоторые советы по разработке и размещению html-страниц
- •10.1 Где можно бесплатно разместить свою страничку?
Институт управления,
бизнеса и права
Дашко Ю.В.
Алекперов И.Д.
Цай А.В.
Практическое руководство
по HTML
(2 издание)
Ростов-на-Дону
2003
Оглавление
1. Что такое HTML? 3
2. Первый HTML-документ 4
2.1 Как устроен HTML-документ 4
2.2 Обязательные метки <html> ... </html> 4
3. Как можно улучшить простой HTML-документ 5
3.1 Абзац 5
3.1.1 Внутри абзаца. Непарные метки, вводимые только маленькими буквами <BR> 5
3.1.2 &-последовательности 5
3.1.3 Комментарии 6
3.2 Форматирование шрифта 6
3.2.1 Физические стили 6
3.2.2 Логические стили 7
4. Организация текста внутри документа 7
4.1 Ненумерованные списки: <UL> ... </UL> 7
4.2 Нумерованные списки: <OL> ... </OL> 8
4.3 Списки определений: <DL> ... </DL> 8
4.4 Вложенные списки 10
4.5 Форматированный текст: <PRE> ... </PRE> 10
5. За пределами HTML-файла 10
5.1 Связывание 10
5.2 Изображения в HTML-документе 12
6. Тайное становится явным, или Видимое действие невидимых меток 13
6.1 Цветовая гамма HTML-документа 13
6.2 Заголовок HTML-документа: что в нем может быть 15
интересного? 15
7. Таблицы. Для чего нужны таблицы? 16
7.1 Как устроена таблица? 17
8. Фрейм. Что такое фрейм? 19
8.1 Для чего можно использовать фреймы? 20
8.2 Создание простой страницы с фреймами 20
8.2.1 Задание фреймовой структуры 21
8.2.2 Подготовка содержимого фрейма 22
8.2.3 Подготовка фрейма main 23
8.2.4 Использование тега <NOFRAMES> 23
8.2.5 Специфические теги и атрибуты фреймов 24
9. Формы. Для чего нужны формы? 31
9.1 Как устроена форма? 32
9.2 Простейшая форма 33
9.3 Как форма собирает данные? 34
10. Некоторые советы по разработке и размещению HTML-страниц 40
10.1 Где можно бесплатно разместить свою страничку? 41
Это руководство содержит азы языка HTML, необходимые при опубликовании документации любого рода на глобальной компьютерной сети Интернет. Насколько велика Интернет, точно не знает никто. Точное число пользователей просто никому не известно. Известно только, что оно очень велико – несколько сот миллионов человек по всему миру.
Чтобы опубликовать документ (здесь и далее под документом понимается файл, содержащий некоторую информацию) на Интернет, достаточно поместить его на сервер, постоянно подключенный к Интернет и способный общаться с другими серверами с помощью протокола передачи гипертекстов (Hyper Text Transfer Protocol, или http://). Совокупность таких серверов получила название "всемирной паутины" (World Wide Web, или WWW).
Разработку документов, однако, можно проводить и на компьютере, не имеющем выхода в Интернет. Например, разработать в текстовом процессоре Microsoft Word, а затем перенести в формат HTML и разместить на сервере.
1. Что такое html?
Термин HTML (HyperText Markup Language) означает "язык маркировки гипертекстов". Первую версию HTML разработал сотрудник Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли.
Со времени создания первой версии HTML претерпел некоторые изменения. Как и многое другое в компьютерном мире, версии, или спецификации, HTML оказались пронумерованными. Известны спецификации 2.0, 3.0, 3.2, 4.0 и т.д.
Для освоения HTML по этому Руководству Вам понадобятся две вещи:
Любой броузер, т.е., программа, пригодная для просмотра HTML-файлов (Internet Explorer).
Любой редактор текстовых файлов, поддерживающий русский язык в выбранной кодировке. Если на компьютере установлен Windows, вполне подойдет Word.
Нужно использовать текстовый редактор для подготовки HTML-файлов, а браузер – как инструмент контроля за сделанным.