Упражнение №4
Попробуем создать страничку, в которой текст будет организован с помощью списков трех видов. Создайте файл ind4.htm следующего содержания:
<HTML>
<HEAD>
<TITLE>Советы по изготовлению страничек</TITLE>
</HEAD>
<BODY>
<H2 ALIGN = LEFT> Советы по изготовлению страничек </H2>
<OL>
<LI>По возможности вовсе избегайте пиктограммы «В процессе производства»
<LI>Используйте соответствующий язык
<OL>
<UL>
<LI>Проверяйте как можно чаще ссылки на вашей странице
<LI>Не забывайте обновлять свою страничку!
</UL>
<OL>
<LI>Перед тем как положить готовую страничку на сервер надо:
<UL>
<LI>Проверить грамматические ошибки
<LI>Просмотреть свою страничку в разных программах просмотра
</UL>
</OL>
</BODY>
</HTML>
Откройте файл ind4.htm в программе просмотра и сравните изображение на экране с приведенным рисунком.
Цвет
Вы научились делать простые HTML документы. Теперь самое время раскрасить их, добавить графику. Рассмотрим простой способ изменения цвета.
У тэга <BODY> есть несколько параметров:
BGCOLOR — цвет фона;
TEXT — цвет текста;
LINK — цвет гипертекстовой связи;
VLINK — цвет гипертекстовой связи, уже посещенной в прошлом;
ALINK — цвет активной гипертекстовой связи;
Цвет можно указывать при помощи шестнадцатеричного значения или, в случае не очень сложных цветов, используя названия цвета
Некоторые из названий приведены в таблице:
Black |
Черный |
White |
Белый |
Red |
Красный |
Purple |
Пурпур |
Green |
Зеленый |
Lime |
Ярко-зеленый |
Olive |
Олива |
Yellow |
Желтый |
Blue |
Голубой |
Можно также подобрать и смешанные оттенки (использовать, например, таблицу цветов)
Упражнение №5
Создайте в текстовом редакторе HTML – файл ind5.htm.
<HTML>
<HEAD>
<TITLE>Моя страничка</TITLE>
</HEAD>
<BODY bgcolor = black text = red>
<p>На данной страничке текст и изображения будут располагаться на черном фоне</P>
<p>Шрифт может быть<FONT COLOR=YELLOW> разного </FONT> цвета. </P>
</BODY>
</HTML>
Запустите программу просмотра и посмотрите, что у Вас получилось.
«Обои»
«Обои» представляют собой графический файл, обычно с расширением .GIF или .JPG. Это тот фон, на котором будет располагаться вся Ваша информация. В некоторых случаях они рисуются специально, с изображением логотипа или названием фирмы. Это довольно сложно, но если у Вас есть опыт работы в графических редакторах, то можно попытаться сделать «обои» самостоятельно.
Небольшая прогулка по WWW покажет Вам, как много разных серверов предлагает различные варианты «обоев» для Ваших страничек.
Возьмите любые понравившиеся Вам «обои» с какой-нибудь странички и сохраните файл в каталоге HTML, где хранятся все Ваши HTML документы. Назовите его bg1.jpg.
Упражнение №6
Создайте файл ind6.htm следующего содержания:
<HTML>
<HEAD>
<TITLE>Моя страничка</TITLE>
</HEAD>
<BODY background = “bg01.jpg”>
<p><font size=+3> <b> На данной страничке текст и изображения будут располагаться на фоне «обоев»</b>
</font></P>
</BODY>
</HTML>
Обратите внимание на то, что размер шрифта увеличен специально для того, чтобы текст не сливался с фоном и хорошо читался.
Откройте файл ind6.htm в программе просмотра и просмотрите, что у Вас получилось.
В зависимости от используемого фона будут получаться разные результаты. Примеры двух возможных вариантов приведены ниже: