- •1.Что такое html-документ
- •2.Структура html-документа
- •2.1.1Заголовок документа
- •2.1.2Тело документа
- •2.2Заголовки внутри документа
- •2.3Параграфы
- •3.2.3Списки с определениями
- •2.4Принудительное разбиение строк
- •2.5Комментарии
- •3.2.2Нумерованные списки
- •3.2.4Вложенные списки
- •3.3Добавление бегущей строки
- •4.Ссылки
- •4.1.1Унифицированный адрес ресурсов
- •4.1.2Ссылки на фрагменты документов
- •4.1.3Ссылки на части одного документа
- •4.2Посылка электронной почты
- •4.3Преформатированный текст
- •4.4Форматирование символов
- •4.4.1Использование тэгов форматирования
- •4.4.2Специальные символы
- •5.Использование графических изображений
- •5.1Встроенные изображения, звуки и анимация
- •5.2Ссылки на изображения, звуки и анимацию
- •6.Таблицы
- •6.1Простейшая однострочная таблица
- •6.2Приемы ускорения создания таблиц
- •6.3Создание строки надписей
- •6.4Включение названия
- •6.5Выравнивание текста внутри клеток
- •6.6Пустые клетки
- •6.7Перекрытие текстом нескольких строк или столбцов
- •6.8Средства таблиц
- •Задания к лабораторной работе
- •Основные тэги языка html
- •Приложение б Константы для представления цветов
- •Продолжение приложения б
3.2.4Вложенные списки
Элементами списка могут быть и списки. Обычно используется не более трех уровней вложенности. Пример такого списка показан ниже.
<UL>
<LI>Города России
<UL>
<LI>Москва
<LI>Санкт-Петербург
</UL>
<LI>Балтийские страны:
<UL>
<LI>Таллин
</UL>
</UL>
3.3Добавление бегущей строки
Добавить бегущую строку можно при помощи следующего тэга:
<MARQUEE> Текст бегущей строки </MARQUEE>
Тэг <MARGUEE> может иметь следующие атрибуты:
BGCOLOR=#XXXXXX - цвет фона бегущей строки
DIRECTION="RIGHT" или DIRECTION="LEFT" - направление бегущей строки
BEHAVIOR=SCROLL - безостановочный скроллинг
BEHAVIOR=SLIDE - строка доходит до края и останавливается
BEHAVIOR=ALTERNATE - "маятник"
LOOP="число" ,где число - количество повторений
Также можно задать размер бегущей строки при помощи атрибутов:
WIDTH="320"
HEIGHT="30"
В данном случае браузер выведет бегущую строку шириной 320 и высотой 30 пикселей.
4.Ссылки
Основная мощь языка HTML заключается в возможности связи отдельных частей текста и иллюстраций с другими документами. Гипертекстовые ссылки выделяются в тексте документа специальным цветом, и активизировав их мышью, вы без труда сможете перемещаться по документам или частям одного документа. Для указания на ссылку в языке HTML используется тэг <А>. Чтобы включить ссылку в ваш документ, необходимо:
1) поместить в текст тэг <А>. Заметим, что после символа "А" следует пробел;
2) указать имя файла, содержащего документ, на который происходит ссылка в форме НREF=”имя_файла”. и закрывающую скобку >;
3) ввести текст, который будет содержать смысловую часть ссылки;
4) указать на завершение тэга <А>: </А>.
Пример простой ссылки:
<А HREF=”CHAPTER2.НТН">Глава 2</А>
В данном примере фраза "Глава 2" является ссылкой на HTML-документ, находящийся в файле CHAPTER2.HTM в том же каталоге, что и текущий документ. Если же документ находится в другом каталоге, то необходимо указать имя этого каталога, например:
<А HREF="BOOK/CHAPTER2.HTH">Глава 2</A>
Такие ссылки называются относительными ссылками. При необходимости можно использовать и абсолютные ссылки. При этом используются полные имена файлов в стандарте UNIX. Удобнее использовать относительные ссылки, так как они короче и сохраняются при перемещении группы документов. Можно пользоваться следующими простыми правилами:
- для ссылок на не связанные между собой документы используются абсолютные ссылки;
-для ссылок на части документа, например на главы из книги, используются относительные ссылки.
4.1.1Унифицированный адрес ресурсов
Для указания местоположения файлов (HTML-документов) в World Wide Web используются унифицированные адреса ресурсов — Uniform Resource Locator URI.). Такие адреса необходимы для ссылок на документы, которые находятся на других серверах. Унифицированный адрес ресурса состоит из названия типа ресурса (FTP, HTTP), которое используется для задания протокола доступа к ресурсу, адреса сервера и имени файла. Синтаксис URL выглядит следующим образом:
Scheme://host.domain[ : port ]/path/filename
где scheme может иметь одно из значений, приведенных в таблице 2.
Таблица 2 – Значения параметра scheme
Значение |
Описание |
File |
Ресурс располагается на локальном сервере или FTP-сервере с анонимным доступом |
Http |
Ресурс располагается на WWW-сервере |
Gopher |
Ресурс располагается на Gopher-сервере |
WAIS |
Ресурс располагается нa WAIS-сервере |
News |
Ресурс является группой новостей Usenet |
Telnet |
Ресурс представляет собой связь с Telnet |
Номер порта обычно пропускается, но при необходимости может быть указан. В случае FTP-сервера номер порта равен 21. в случае Gopher-сервера — 70, а в случае HTTP-сервера — 80.
В качестве примера приведем ссылку на первую главу некой книги, которая располагается на HTTP-сервере www.cpress.ru:
<A HREF = "http://www.cpress.ru/BOOK/CHAPTERI.НТИ">Глава 1 </А>
В данном примере фраза "Глава 1" является ссылкой на файл /BOOK/CHAPTERl.HTM, расположенный на сервере www. cpress. ru.
