Как и обещал, расскажу вам о создании навигационного меню. Сделаем простую менюшку с помощью тэгов для списков. Итак, берем в первую очередь тэг <nav>, потому что он как раз предназначен для создания менюшек. В него помещаем список <ul>. Однако, маркеры нам в этот раз не понадобятся. Для этого нужно применить стиль list-style-type: none для <li>. Теперь самое главное. Допустим, будет 3 раздела (секции). Соответственно будет 3 элемента списка <li>. Но в элементы мы поместим ссылки <a>. Внутри ссылки необходимо указать значение атрибута href...
Горизонтальное меню Структурно горизонтальное меню ничем не отличается от вертикального – это также обычный маркированный список либо несколько вложенных списков. Единственное, что необходимо сделать – это преобразовать вертикальный список в горизонтальный. Один из способов это сделать - задать элементам списка одтекание (float:left;). Второй вариант – задать им строчный тип (display: inline-block;). Тогда они автоматически расположатся в одну строку. При первом варианте необходимо дополнительно удалить маркеры у списка, при втором - варианте – не забудьте удалить отступы между пунктами меню (для родителя – font-size: 0; а для вложенных ссылок – переопределить размер шрифта)...