В любом текстовом редакторе создайте еще один HTML – документ и назовите его pre.htm.
<HTML>
<HEAD>
<TITLE> Советы по изготовлению страничек </TITLE>
</HEAD>
<BODY>
<PRE>
Избегайте драматического эффекта!
Тиканье, мерцание, перемещение, прокрутка.… Эти новые спецэффекты повсюду на Web.
- По возможности избегайте пиктограммы ″В процессе производства″
- Используйте соответствующий язык
- Не перегружайте вашу страницу большими изображениями
- Проверяйте как можно чаще ссылки на Вашей странице
</PRE>
</BODY>
</HTML>
Сравните написанный Вами текст (между флагами <PRE> и </PRE>) с изображением на экране, полученным с помощью программы просмотра.
Списки
Очень важный элемент Web-страничек – списки. Различают: нумерованный и маркированный списки, список определений и вложенные списки (сочетающие в себе элементы различных списков).
В нумерованном списке (Ordered List) каждому элементу предшествует его порядковый номер. Чтобы программа просмотра правильно расставила номера, нужно использовать флаги разметки:
<ol>
<li> Первый элемент
<li> Второй элемент
</ol>
Тэг <OL> может иметь параметры: <OL TYPE=A a I i 1 START=n> где:
TYPE - определяет вид счетчика
A – большие латинские буквы (A,B,C…)
a – маленькие латинские буквы (a,b,c…)
I – большие римские цифры (I,II,III…)
I – маленькие римские цифры (i,ii,iii…)
1 – обычные цифры (1,2,3…)
START=n – число, с которого начинается отсчет
Например: <OL TYPE=I START=15>
<LI> Программирование
<LI> Алгоритмизация
</OL>
В маркированном списке (Unordered List) каждому элементу списка предшествует символ bullet (пуля). Для создания маркированного списка используется следующие флаги:
<ul>
<li> Первый элемент
<li> Второй элемент
</ul>
Тэг <UL> может иметь параметры: <UL TYPE= disk circle square>
Тип тэга <UL> определяет внешний вид маркера как вид по умолчанию (disk), круглый (circle) или квадратный (square).
Например: <UL TYPE= square>
<LI> Программирование
<LI> Алгоритмизация
</UL>
Вложенный список (Nested lists) включает элементы различных списков:
<ol>
<li> Первый элемент нумерованного списка
<ul>
<li> Первый элемент маркированного списка
<li> Второй элемент маркированного списка
</ul>
<li> Второй элемент нумерованного списка
</ol>
Создайте страничку list.htm, в которой текст будет организован с помощью списков трех видов.
<HTML>
<HEAD> <TITLE> Советы по изготовлению страничек </TITLE> </HEAD>
<BODY>
<H2 ALIGN = Left> Советы по изготовлению страничек </H2>
<ol>
<li> По возможности вовсе избегайте пиктограммы ″В процессе производства″
<li> Используйте соответствующий язык
<li> Не перегружайте вашу страницу большими изображениями
</ol>
<ul>
<li> Избегайте драматического эффекта!
<li> Проверяйте как можно чаще ссылки на вашей странице
<li> Не забывайте обновлять свою страничку!
</ul>
<ol>
<li> Перед тем как положить готовую страничку на сервер надо:
<ul>
<li> Проверить грамматические ошибки
<li> Просмотреть свою страничку в различных программах просмотра.
</ul>
<li> Для рекламы странички надо:
</ol>
</BODY>
</HTML>
Откройте файл list.htm в программе просмотра.
Если Вы хотите поместить в страничку глоссарий (Definition List), то следует использовать флаги <dt> (текст располагается без отступа от левого поля странички) или <dd> (расположение текста с отступом от левого поля).
<dl>
<dt> Первый термин
<dd> Определение первого термина
<dt> Второй термин
<dd> Определение второго термина
</dl>
Создайте в текстовом редакторе файл list2.htm такого содержания:
<HTML>
<HEAD> <TITLE> Термины </TITLE> </HEAD>
<BODY>
<dl>
<dt> Web server
<dd> <P> Web – сервер. Сервер, хранящий и пересылающий HTML – документы и другие информационные ресурсы Internet с использованием протокола HTTP. Его называют также HTTP – сервером. </P>
<dt> HOME PAGE
<dd> <P> ″Домашняя страница″. Головная, начальная страница, локальный архив. Первая страница какого либо Web – сервера или логически связанной группы HTML документов.
</P>
</dl>
</BODY>
</HTML>
Используя файл ind.htm, создайте HTML – документ, в котором должны присутствовать:
· Название странички;
· Заголовки нескольких уровней, выровненные по центру, левому или правому полю;
· Параграфы с текстом;
· Текст должен быть выделен различными способами (полужирный шрифт, курсив, различный размер шрифта, горизонтальная линия);
