|
Язык гипертекстовых ссылок - HTML
HTML - гипертекстовый язык меток,
разработан для подготовки гипертекстовых
документов в системе WWW современной
информационной супермагистрали.
HTML - представляет собой совокупность
достаточно простых команд, которые вставляются в
исходный текстовый документ (файл в коде ASCII) и
позволяют управлять представлением этого
документа на экране дисплея. Таким образом текст,
подготовленный в любом текстовом редакторе и
сохраненный в формате ASCII, становится
WWW-страницей (HTML-документом) после добавления в
него ряда команд языка HTML.
Базовые элементы языка HTML:
 | форматирование текста; |
| создание списков; |
| связь с другими страницами; |
| вставка изображений; |
| форматирование информации в таблицы; |
| связь с другими услугами Internet (FTP, UseNet),
электронной почтой. |
Команды HTML задаются с помощью
специальных элементов - тэгов (tag). Tэги позволяют
управлять представлением информации на экране
при отображении HTML-документов специальными
программами просмотра (WWW-браузерами).
Тэг задается в виде строки символов,
заключенных между символами < и >. Информация
между этими ограничивающимися символами задает
содержание команды HTML. Существует два типа
команд: команды, задаваемые с помощью одного
тэга, и команды, требующие применения пары тэгов.
Для команд с парными тэгами применяется правило
записи закрывающих тэгов. Если некоторый тэг
используется в качестве открывающего, то
закрывающий тэг имеет почти такой же вид, но с
одним исключением: отличительным признаком
закрывающего тэга является символ наклонной
черты (slash) перед именем элемента. Например:
<b> Этот текст выделен полужирным
начертанием < /b>.
Структура HTML документа
| <HTML> |
- |
начало страницы |
| <HEAD> |
I |
служебная информация |
| --------- |
} |
(например - заголовок документа) |
| </HEAD> |
I |
|
| <BODY> |
I |
информация самого |
| --------- |
} |
документа (" тело" документа) |
| </BODY> |
I |
|
| </HTML> |
- |
конец страницы |
Команды HTML
1. Управление расположением текста на экране
| Новый абзац |
<P> |
| Горизонтальная линия |
<HR> |
| Конец строки |
<BR> |
| Заголовки (наибольший) |
<H1> |
| Заголовки (наименьший) |
<H6> |
2. Выделение фрагментов текста
| Жирный |
<B> Текст будет жирным </B> |
| Курсив |
<I> </I> |
| Подчеркивание |
<U> </U> |
| Моноширинный |
<TT> </TT> |
| Форматированный |
<PRE> </PRE> |
3. Встраивание в документ изображений
| Базовое изображение |
<IMG SRC = "имя файла"> |
| Изображение, выровненное по
верху текста |
<IMG SRC = "имя файла"
ALIGN=TOP> |
| Изображение, выровненное по
середине текста |
<IMG SRC = "имя файла"
ALIGN=MIDDLE> |
| Изображение, выровненное по низу
текста |
<IMG SRC = "имя файла"
ALIGN=BOTTOM> |
| Изображение с альтернативным
текстом |
<IMG SRC = "имя файла"
ALT="Альт. Текст"> |
4. Задание отступов и оформление списков
| Отступ текста от левого края |
<UL> , <OL> |
| Нумерованные списки |
<UL> <LI> Первый элемент
списка
<LI> Второй элемент списка и т.д.
</UL> |
| Маркированный список |
<OL> <LI> Первый маркер
<LI> Второй маркер и так далее
</OL> |
| Список определений |
<DL> <DT> Первый термин
<DT> Первое определение
<DT> Второй термин
<DT> Второе определение и т.д. |
Важнейшим свойством языка HTML является
возможность включения в документ ссылок на
другие документы и графические изображения. Для
обозначения элементов документа (отдельных слов,
фраз, изображений), содержащих гипертекстовые
ссылки, используют термин “анкер” (anchor). Анкер в
документе HTML задает ссылку на некоторый объект, в
качестве которого может выступать:
| какой-либо другой документ HTML; |
| любой файл, не являющийся документом HTML
(изображение или любой двоичный файл, простой
текст и т.д.); |
| некоторая точка в текущем документе HTML. |
5. Построение гипертекстовых связей
| Внешняя связь |
<A HREF="URL>Название ссылки
</A> |
| Якорь |
<A HREF="Имя якоря" >
Название ссылки </A> |
| Внутренняя связь |
<A HREF="#Имя якоря">
Название ссылки </A> |
| Электронная почта |
<A HREF="maito:Ваш адрес">
Название ссылки </A> |
| FTP (каталог) |
<A HREF="ftp://хост/каталог/">
Название ссылки </A> |
| FTP (файл) |
<A
HREF="ftp://хост/каталог/имя"> Название ссылки
</A> |
| Gopher |
<A HREF="gopher/хост"> Название
ссылки </A> |
| Usenet |
<A
HREF="news:имя_группы_новостей"> Название
ссылки</A> |
| Telnet |
<A HREF="telnet://хост"> Название
ссылки </A> |
6. Служебная информация для броузеров
| Заголовок документа (помещается
вся описательная информация и название
документа) |
<HEAD> </HEAD> |
| Название документа |
<TITLE> </TITLE> |
| Тело документа |
<BODY> </BODY> |
| 
