СПИСКИ
HTML использует три вида списков:
–упорядоченные (нумерованные)
•<OL> и </OL>
–неупорядоченные (маркированные)
•<UL> и </UL>
–элементы списков заключаются между тэгами
•<LI> и </LI>
–списки определений
•<DL> и </DL>
•определяемые термины помечаются тэгом <DT>
•определения – тэгом <DD>
ГИПЕРССЫЛКИ
<html>
<head>
<title>Ссылки в html</title>
</head>
<body>
Посетите <a href="http://www.yandex.ru"> поисковую систему Яндекс </a>
</body>
</html>
При абсолютной адресации используется полный путь, т.е. с указанием протокола, сервера, каталога и страницы. В нашем примере абсолютный адрес страницы index.html следующий:
<a href="http://www.mysite.ru/public/index.html">
При относительной адресации путь указывается от того каталога, в котором хранится исходный файл. Например, если мы хотим разместить ссылку со страницы index.html (исходный файл) на страницу articles.html, то, учитывая, что обе страницы лежат в одном каталоге (т.е имеют один уровень), она будет выглядеть следующим образом:
<a href="articles.html">
<a href="http://www.yandex.ru" target="_blank"> поисковую систему Яндекс </a>
По умолчанию ссылки загружаются в то же окно, но если указать параметр target="_blank", то ссылка загрузится в новое окно.
Иногда, когда документ слишком длинный, полезно сделать ссылки на его разделы.
Для таких переходов следует создать пустую ссылку с
параметром name там, куда следует перейти. И ссылку с указанием этого имени (после знака #) в качестве адреса параметра href там, откуда следует перейти
<p><a name="top"></a>
первый абзац, в котором стоит пустая ссылка – якорь </p>
<p>второй абзац</p> <p>третий абзац</p>
<p><a href="#top">Наверх</a> </p>
У ссылок есть параметр title, в качестве значения которого можно указать текст, который будет выводиться в качестве подсказки, если подвести курсор мыши к ссылке.
<body>
Посетите <a href="http://www.yandex.ru" target="_blank" title="переход на Яндекс">
поисковую систему Яндекс </a>
</body>
ЗАДАНИЕ
Сделайте все обязательные настройки для создания страницы в Notepad++
Создайте страницу с названием
«index.html»
Вставьте все необходимые элементы веб-страницы
Вставьте заголовок (Сказка о Красной Шапочке)
Вставьте текст-исходник
Сделайте фон страницы – ivory,
Отступ слева - 100 пикселей
справа - 50 пикселей сверху - 50 пикселей снизу - 50 пикселей
Цвет ссылок alink – red; vlink – maroon
Текст «Красная шапочка» 5 размера, красного цвета с выравниванием посередине
Текст «Шарль Перо» заголовком 4 типа
По всему тексту «Красная шапочка» жирным курсивом, прямая речь курсивом
Имена авторов моноширинным текстом, серого цвета с размером 4.
Текст «…так начинается …совсем
другая история…» моноширинный,
подчеркнутый сверху и снизу линиями
Вставьте по тексту абзацные отступы