![](/user_photo/2706_HbeT2.jpg)
- •«Разметка html – документов»
- •Содержание
- •Структура html-документа
- •Заголовок документа
- •Тело документа
- •Заголовки внутри документа
- •Параграфы
- •Принудительное разбиение строк
- •Комментарии
- •Оформление нтмl-документов
- •Горизонтальные разделители
- •Простые списки
- •Нумерованные списки
- •Списки с определениями
- •Вложенные списки
- •Добавление бегущей строки
- •Унифицированный адрес ресурсов
- •Ссылки на фрагменты документов
- •Ссылки на части одного документа
- •Посылка электронной почты
- •Преформатированный текст
- •Форматирование символов
- •Использование тэгов форматирования
- •Специальные символы
- •Использование графических изображений
- •Встроенные изображения, звуки и анимация
- •Ссылки на изображения, звуки и анимацию
- •Таблицы
- •Простейшая однострочная таблица
- •Приемы ускорения создания таблиц
- •Создание строки надписей
- •Включение названия
- •Выравнивание текста внутри клеток
- •Пустые клетки
- •Перекрытие текстом нескольких строк или столбцов
- •Средства таблиц
- •Задания к лабораторной работе
- •Содержание отчета по лабораторной работе
- •Приложение б Константы для представления цветов
- •Продолжение приложения б
- •Издательство «нефтегазовый университет»
- •625000, Г. Тюмень, ул. Володарского, 38
- •625039. Г.Тюмень. Ул. Киевская, 52
Вложенные списки
Элементами списка могут быть и списки. Обычно используется не более трех уровней вложенности. Пример такого списка показан ниже.
<UL>
<LI>Города России
<UL>
<LI>Москва
<LI>Санкт-Петербург
</UL>
<LI>Балтийские страны:
<UL>
<LI>Таллин
</UL>
</UL>
Добавление бегущей строки
Добавить бегущую строку можно при помощи следующего тэга:
<MARQUEE> Текст бегущей строки </MARQUEE>
Тэг <MARGUEE> может иметь следующие атрибуты:
BGCOLOR=#XXXXXX - цвет фона бегущей строки
DIRECTION="RIGHT" или DIRECTION="LEFT" - направление бегущей строки
BEHAVIOR=SCROLL - безостановочный скроллинг
BEHAVIOR=SLIDE - строка доходит до края и останавливается
BEHAVIOR=ALTERNATE-"маятник"
LOOP="число" ,где число - количество повторений
Также можно задать размер бегущей строки при помощи атрибутов:
WIDTH="320"
HEIGHT="30"
В данном случае браузер выведет бегущую строку шириной 320 и высотой 30 пикселей.
Ссылки
Основная мощь языка HTML заключается в возможности связи отдельных частей текста и иллюстраций с другими документами. Гипертекстовые ссылки выделяются в тексте документа специальным цветом, и активизировав их мышью, вы без труда сможете перемещаться по документам или частям одного документа. Для указания на ссылку в языке HTML используется тэг <А>. Чтобы включить ссылку в ваш документ, необходимо:
1) поместить в текст тэг <А>. Заметим, что после символа "А" следует пробел;
2) указать имя файла, содержащего документ, на который происходит ссылка в форме НREF=”имя_файла”. и закрывающую скобку >;
3) ввести текст, который будет содержать смысловую часть ссылки;
4) указать на завершение тэга <А>: </А>.
Пример простой ссылки:
<А HREF=”CHAPTER2.НТН">Глава 2</А>
В данном примере фраза "Глава 2" является ссылкой на HTML-документ, находящийся в файле CHAPTER2.HTM в том же каталоге, что и текущий документ. Если же документ находится в другом каталоге, то необходимо указать имя этого каталога, например:
<А HREF="BOOK/CHAPTER2.HTH">Глава 2</A>
Такие ссылки называются относительными ссылками. При необходимости можно использовать и абсолютные ссылки. При этом используются полные имена файлов в стандарте UNIX. Удобнее использовать относительные ссылки, так как они короче и сохраняются при перемещении группы документов. Можно пользоваться следующими простыми правилами:
- для ссылок на не связанные между собой документы используются абсолютные ссылки;
-для ссылок на части документа, например на главы из книги, используются относительные ссылки.
Унифицированный адрес ресурсов
Для указания местоположения файлов (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.