Язык гипертекстовых ссылок - 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> |
Жирный | <B> Текст будет жирным </B> |
Курсив | <I> </I> |
Подчеркивание | <U> </U> |
Моноширинный | <TT> </TT> |
Форматированный | <PRE> </PRE> |
Базовое изображение | <IMG SRC = "имя файла"> |
Изображение, выровненное по верху текста | <IMG SRC = "имя файла" ALIGN=TOP> |
Изображение, выровненное по середине текста | <IMG SRC = "имя файла" ALIGN=MIDDLE> |
Изображение, выровненное по низу текста | <IMG SRC = "имя файла" ALIGN=BOTTOM> |
Изображение с альтернативным текстом | <IMG SRC = "имя файла" ALT="Альт. Текст"> |
Отступ текста от левого края | <UL> , <OL> |
Нумерованные списки | <UL> <LI> Первый элемент списка <LI> Второй элемент списка и т.д. </UL> |
Маркированный список | <OL><LI> Первый маркер <LI> Второй маркер и так далее </OL> |
Список определений | <DL><DT> Первый термин <DT> Первое определение <DT> Второй термин <DT> Второе определение и т.д. |
какой-либо другой документ HTML; | |
любой файл, не являющийся документом HTML (изображение или любой двоичный файл, простой текст и т.д.); | |
некоторая точка в текущем документе HTML. |
/p>
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> |
Заголовок документа ( помещается вся описательная информация и название документа) | <HEAD> </HEAD> |
Название документа | <TITLE> </TITLE> |
Тело документа | <BODY> </BODY> |