Основы HTML

HTML-документ представляет собой текст, в который помимо обычного текста включены специальные последовательности символов — теги. Тег начинается символом < и заканчивается символом >. Теги используются программами отображения HTML-документов для форматирования текста в окне просмотра (сами теги не отображаются).

Большинство тегов парные. Например, пара тегов <Н2> </н2> сообщает программе отображения HTML-документа, что текст, который находится между этими тегами, является заголовком второго уровня и должен быть отображен соответствующим стилем.

В табл. 14.2 представлен минимальный набор тегов, используя которые можно подготовить HTML-файл с целью дальнейшего его преобразования в СНМ-файл справочной системы.

Таблица 14.2. HTML-теги

| Тег | Пояснение |
| <TITLE> Название </TITLE> | Задает название HTML-документа. Программы отображения HTML-документов, как правило, выводят название документа в заголовке окна, в котором документ отображается. Если название не задано, то в заголовке окна будет выведено название файла |
| <BODY BACKGROUND = "Файл" BGCOLOR=" Цвет" ТЕХТ="Цвет"> | Параметр BACKGROUND задает фоновый рисунок, BGCOLOR — цвет фона, TEXT — цвет символов НТМ L-документа |

<BASEFONT ГАСЕ="Шрифг" SIZE=n>

Задает основной шрифт, который используется для отображения текста: FACE — название шрифта, SIZE — размер в относительных единицах. По умолчанию значение параметра SIZE равно 3. Размер шрифта заголовков (см. тег <н>) берется от размера, заданного параметром SIZE

| <Н1> </Н1> | Определяет текст, находящийся между тегами <Н1> и </Н1> как заголовок уровня 1. Пара тегов <Н2></Н2> определяет заголовок второго уровня, а пара <нзх/нЗ> — третьего |
| <BR> | Конец строки. Текст, находящийся после этого тега, будет выведен с начала новой строки |
| <в> </в> | Текст, находящийся внутри этой пары тегов, будет выделен полужирным |
| <i> </i> | Текст, находящийся внутри этой пары тегов, будет выделен курсивом |
| <А NAME=" За кладка "> </А> | Помечает фрагмент документа закладкой. Имя закладки задает параметр NAME. Это имя используется для перехода к закладке |
| <А HREF="Файл.htm#Закладка"> </А> | Выделяет фрагмент документа как гиперссылку, при выборе которой происходит перемещение к закладке, имя которой указано в параметре HREF |
| <IMG SRC=" Иллюстрация" > | Выводит иллюстрацию, имя файла которой указано в параметре SRC |
| <!- - -- > | Комментарий. Текст, находящийся между дефисами, на экран не выводится |

Набирается HTML-текст обычным образом. Теги можно набирать как прописными, так и строчными буквами. Однако, чтобы лучше была видна структура документа, рекомендуется записывать все теги строчными (большими) буквами. Следующее, на что надо обратить внимание — программы отображения HTML-документов игнорируют "лишние" пробелы и другие "невидимые" символы (табуляция, новая строка). Это значит, что для того, чтобы фрагмент документа начинался с новой строки, в конце предыдущей строки надо поставить тег <вк>, а чтобы между строками текста появилась пустая строка, в HTML-текст нужно вставить два тега <вк> подряд.

Работая с HTML-редактором в программе HTML Help Workshop, в процессе набора HTML-текста можно увидеть, как будет выглядеть набираемый текст. Для этого надо из меню View выбрать команду In Browser или щелкнуть на командной кнопке, на которой изображен стандартный значок Internet Explorer.

<HTML>

<ТITLE>Kвадратное уравнение</ТIТLЕ>

<BODY BGCOLOR=#FFFFFF>

<BASEFONT FACE="Tahoma"SIZE=2>

<A NАМЕ="Квадратное_уравнение">

<Н2>Квадратное уравне-ние</Н2>

</А>Квадратное уравнение задается в общем виде следующим образом: <BR>

AX2+BX+C=0<BR>

где : А, В и С — коэффициенты при неизвестном X .<BR>

Квадратное уравнение имеет

<А HREF="sqroot_02.htm#Корни_уравнения">корни

</А>( решение ), если <А HREF="sqroot_О3.htm#Дискриминант">дискриминант </А>уравнения больше или равен нулю. Если дискриминант уравнения меньше нуля, то уравнение не имеет решения. <BR>

<BR>

<I>CM.</I><BR>

<A HREF="sqroot_О3.htm#Дискриминант">Дискриминант</А><ВК>

<A HREF="sqroot_О3.htm#Kopни_ypaвнeния">KopHH уравнения</А><ВК>

<BR>

</BODY>

</HTML>