В любом текстовом редакторе создайте еще один 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 – документ, в котором должны присутствовать:
· Название странички;
· Заголовки нескольких уровней, выровненные по центру, левому или правому полю;
· Параграфы с текстом;
· Текст должен быть выделен различными способами (полужирный шрифт, курсив, различный размер шрифта, горизонтальная линия);
· Списки