В данном уроке будет рассмотрено создание простого меню на базе знаний о списках html (прошлый урок) и ссылках html (это урок). Меню будет представлять из себя список, в котором каждый пункт будет являться ссылкой на какую-то страницу (для этого вам нужно создать эти страници).
Для того, что бы меню (список) не выглядело слишком скучным, с помощью стилевых атрибутов зададим маркерам пунктов некоторый цвет и тип, а так же цвет самим названиям пунктов (цвет будет задаваться для тегов, в которые заключено название). В данном случае текст будет заключён только между тегами ссылки "<a></a>".
Стилевые атрибуты задаются между тегами "<style></style>". Вы увидите стиль для маркера (li) и стиль для текста внутри пункта (a)
В примерах, вместо ссылок на конкретные таблицы будет стоять знак "#"
<html><head><title> Простое меню HTML </title></head><body><style>li{
color: violet;/* Цвет маркеров */
}lia{
color:#35BDD0;/* Цвет текста (ссылки) */
}</style><ul type="square"><li><a href="#">Главная</a></li><li><a href="#">Раздел 1</a></li><li><a href="#"> Раздел 2</a></li><li><a href="#">Раздел 3</a></li></ul></body></html>
Чтобы создать нечто более красивое и оригинальное – вам нужно изучить уроки CSS, где в нескольких уроках подробно рассматривается создание оригинальных и разных по своему типу и виду меню для сайтов.
