Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Связь между новыми страницами

.

Мы успешно создали трехстраничный сайт, но остается небольшая проблема: нет никаких ссылок между страницами. Убедитесь сами. Откройте файл index. html в браузере и посмотрите на экран. Как вы перейдете от одной страницы к другой?

Чтобы посетители сайта могли как-то ориентироваться, следует добавить навигацию. Для этого предназначены теги привязки (anchors), но более распространенное название — ссылки (links). HTML-команда для привязки (или ссылки) выглядит так:

а href=filename.htmlLink text here/a

Элемент а (где а означает anchor) может быть менее интуитивно понятен, чем р (paragraph) или  (list item), но вы быстро запомните его — в конце концов, именно на нем и держится весь Интернет. Элемент а содержит текст ссылки, на котором можно щелкнуть (по умолчанию он отображается на экране шрифтом голубого цвета с подчеркиванием).

Атрибут href отсылает пользователя на страницу, куда ведет ссылка (будь то файл на вашем компьютере или страница в Интернете). К сожалению, href не так просто запоминается (от hyper reference — «гиперссылка»), но вы будете применять его так часто, что очень скоро запомните.

Нужно сделать простое меню для навигации, с помощью которого можно переходить со страницы на страницу. Навигация будет представлять собой обычный маркированный список с использованием элементов ul и 1i из трех ссылок.

Разметка будет такой:

Поместите ее внутрь элемента div, чтобы было легко понять, для чего нужен этот HTML-блок.

Затем вставьте эту разметку в соответствующее место на каждой странице. Лучше всего добавляйте ее сразу после заголовка, перед началом основного контента. В приведенном ниже коде блок навигации появляется на главной странице.

Результат показан на рис. 2.21.

Рис. 2.21. Страница с простой навигацией

Добавьте блок ссылок в файлы contact. html и about. html и попробуйте походить по ним. Получится перемещаться между всеми тремя страницами, как показано на рис. 2.22.

Рис. 2.22. Веб-страницы, связанные навигацией

Вы только что прошли важный этап. Отныне вы — создатель работающего сайта с навигацией. Обсудим еще несколько HTML-элементов, которые вы можете добавить на свои страницы.

.

Читайте так же:
Not found