Иллюстрированный самоучитель по Delphi 7 для начинающих

Использование 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>
Если Вы заметили ошибку, выделите, пожалуйста, необходимый текст и нажмите CTRL + Enter, чтобы сообщить об этом редактору.