Четверг, 21.11.2024, 10:55

Как создать сайт

Реклама от RoboText
Наш опрос
Оцените мой сайт
Всего ответов: 48
Календарь
«  Ноябрь 2024  »
ПнВтСрЧтПтСбВс
    123
45678910
11121314151617
18192021222324
252627282930
Форма входа
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Меню сайта
Как Заработать в ИНТЕРНЕТЕ
  • Как Заработать в ИНТЕРНЕТЕ
  • Заработать в интернете
  • Видеоуроки по работе
  • Письма на WMMail
  • Описание SEOsprint
  • Статья о WMmail
  • РЕГИСТРАЦИЯ в WEBMONEY
  • Как создать САЙТ
  • Как создать сайт
  • Создание сай
  • Выбор Домена
  • Выбор Хостинга
  • Термины Хостинга
  • Продвижение сайта
  • тИЦ в Яндекс
  • Обмен ссылками
  • Программы для сайта
  • Услуги продвижения
  • HTML по шагам
  • HTML по шагам
  • Основные понятия
  • Создание HTML
  • Особенности HTML
  • Структура HTML
  • Теги HTML
  • Работа с текстом
  • Ссылки
  • Якоря
  • Изображения
  • Списки
  • Таблицы
  • CSS по шагам
  • CSS по шагам
  • Подключение CSS
  • Типы носителей
  • Базовый синтаксис
  • Селекторы тегов
  • Классы
  • Идентификаторы
  • Комментарии
  • Cелекторы
  • Соседние селекторы
  • Дочерние селекторы
  • ТСелекторы атрибутов
  • Универсальный селектор
  • Группирование
  • Наследование
  • Псевдоэлементы
  • Правила создания
  • Шаг 7. Ссылки

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

    Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. Оба действия выполняются с помощью тега <A>, который имеет обязательный параметр href. В качестве значения используется адрес документа (URL, Universal Resource Locator, универсальный указатель ресурсов).

    Адрес может быть абсолютным и относительным. Абсолютные адреса должны начинаться с указания протокола и содержать имя сайта (домена), например, ссылка вида http://www.htmlbook.ru является абсолютной и ведет на главную страницу сайта htmlbook.ru. В примере 7.1 показано создание абсолютной ссылки на другой сайт.

    Пример 7.1. Использование абсолютных ссылок

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta content="text/html; charset=Windows-1251" http-equiv="content-type">
    <title>Использование ссылок</title>
    </head>
    <body>
    <a href="http://www.htmlbook.ru">Ссылка на сайт htmlbook.ru</a>
    </body>
    </html>

    Для создания абсолютной ссылки в Nvu, выделите текст и нажмите на кнопку  на панели инструментов или выберите пункт меню Вставка > Ссылка (<Ctrl>+<L>). После чего откроется окно, где следует ввести полный адрес требуемой веб-страницы или сайта (рис. 7.1).

    Рис. 7.1. Добавление адреса ссылки

    Рис. 7.1. Добавление адреса ссылки

    Абсолютные ссылки обычно применяются для указания на другой сайт, впрочем, допустимо делать подобные ссылки и внутри сайта. Однако подобное практикуется нечасто, поскольку абсолютные ссылки достаточно длинные и неудобные. Поэтому внутри сайта используются локальные ссылки.

    При создании локальных ссылок надо понимать, какой путь (URL) в каком случае следует указывать, поскольку он зависит от расположения файлов. Рассмотрим несколько типичных вариантов.

    1. Файлы располагаются в одной папке (рис. 7.2).

    Рис. 7.2.

    Необходимо сделать ссылку из исходного документа на ссылаемый. В таком случае код будет следующий.

    <a href="Ссылаемый документ.html">Локальная ссылка</a>

    Подобное имя файла взято только для образца, на сайте в именах файлов не следует использовать русские символы с пробелами, да еще и в разном регистре.

    2. Файлы размещаются в разных папках (рис. 7.3).

    Рис. 7.3.

    Когда исходный документ хранится в одной папке, а ссылаемый в корне сайта, то перед именем файла в адресе ссылки следует поставить две точки и слэш (/), как показано в примере.

    <a href="../Ссылаемый документ.html">Локальная ссылка</a>