Шаг 9
Web страница, добавление навигации
- Переходим в отделение контента, ставим курсор сразу после открывающего тега
<div id=content> и нажимает на клавишу Enter на клавиатуре
компьютера.
- С новой строки пишем следующий код:
<div id=nav>
<ul>
<li><a href="news.htm">Новости</a></li>
<li><a href="collection.htm">Коллекция</a></li>
<li><a href="contact.htm">Контакт</a></li>
</ul>
</div>
- Между тэгами <div id=nav></div> находиться селектор
навигации.
- Между тэгами <ul></ul> находится список элементов (кнопок сайта)
селектора навигации.
- Между тэгами <li></li> находится элемент списка (кнопка сайта со
ссылкой на конкретную страницу сайта) селектора навигации.
- Между тэгами <a href="имя_файла.htm"></a>, создающими ссылки
на указанные в этой паре тэгов файл, пишем название кнопки, нажав на которую мы попадем на страницу сайта
"имя_файла.htm", соответствующую названию кнопки.
- Если сайт состоит из нескольких страниц, то файлы, которые мы будем создавать для каждой следующей
страницы сайта, могут называться: news.htm, collection.htm,
forum.htm и т.д.
- Количество и название страниц Вашего сайта определите самостоятельно исходя из целей сайта.
- Нажмите на клавишу компьютера F12 и посмотрите в Вашем браузере на то, что у нас
получилось.
- Не забывайте сохранять изменения документа.
- Шаг 10 >>>
Карта сайта