Использование HTML Help Workshop. Основы HTML.
Подготовить HTML-файл можно и при помощи HTML-редактора, входящего в состав HTML Help Workshop. Однако для этого надо знать хотя бы основы HTML – языка гипертекстовой разметки (далее приведены краткие сведения об HTML, которых достаточно для того, чтобы создать вполне приличную справочную систему).
Чтобы создать HTML-файл, надо запустить HTML Help Workshop, из меню File выбрать команду New › HTML File и в появившемся окне HTML Title задать название раздела справки, текст которого будет находиться в создаваемом файле.
После щелчка на кнопке ОК становится доступным окно HTML-редактора, в котором находится шаблон HTML-документа. В этом окне, после строки <BODY>, можно набирать текст.
Основы 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> определяет заголовок второго уровня, а пара <H3></HЗ> – третьего |
| <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_03.htm#Дискриминант">дискриминант </А>уравнения больше или равен нулю. Если дискриминант уравнения меньше нуля, то уравнение не имеет решения. <BR> <BR> <I>CM.</I><BR> <A HREF="sqroot_О3.htm#Дискриминант">Дискриминант</А><ВК> <A HREF="sqroot_О3.htm#Kopни_ypaвнeния">Kopни уравнения</А><ВК> <BR> </BODY> </HTML>