Меню сайта

Категории раздела
Язык разметки гипертекста [1]
Создание HTML-документа [7]
Web-графика [0]
Каскадные таблицы стилей [0]

Наш опрос
Оцените мой сайт
Всего ответов: 22

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Форма входа

Главная

Регистрация

Вход
Приветствую Вас Гость | RSS


Учебный сайт


Пятница, 14.12.2018, 21:26
Главная » Статьи » Создание HTML-документа

Урок 5. Гиперссылки

Гиперссылки

Гиперссылка – это объект Web-страницы обычно выделенный цветом и подчеркиванием и содержащий адрес другой Web-страницы. Используется для быстрого перехода между документами World Wide Web.

Такая связь между HTML-документами и фрагментами документов организуется с помощью элемента А (от английского anchor – якорь), который оформляется на web-странице в виде тега-контейнера <A>. Тег <A>…</A> применяется в двух формах:

  • В первом случае – при создании гиперссылки. Обязательным является атрибут href (от английского - hypertext reference – гипертекстовая ссылка). Форма записи:
    <A href=”http://www.intel.com/products/index.htm”>Текст для щелчка </A>
    Здесь значением атрибута href является URL (Uniform Resource Locator – унифицированный указатель ресурса), который записывается в виде абсолютного или относительного адреса.
    Текст, размещенный внутри контейнера, выделяется подчеркиванием и цветом и становится активной зоной документа, чувствительной к щелчку мыши, который вызывает загрузку целевого документа. Цвет текста гиперссылки определяется настройками браузера (пункт меню Сервис/ Свойства обозревателя/ закладка Общие/ Цвета) или web-мастером, как значение атрибутов link (непосещённая ссылка), alink (активная ссылка) и vlink (посещенная ссылка) элемента BODY.
  • Во втором случае – при создании метки (якоря, закладки) фрагмента. Обязательным является атрибут name. Форма записи:
    <A name=”m1”></A>
    Здесь значением атрибута name является имя метки – произвольный набор символов латинского алфавита или цифр записанных без пробела.
    Созданная в некоторой точке документа метка служит для того, чтобы была возможность ссылаться не на весь документ целиком, а на его фрагмент. При создании метки контейнер может быть пустым (визуально при просмотре документа метка никак не выделяется), но закрывающий тег обязателен.
    При создании ссылки на этот фрагмент имя метки дописывается к адресу целевого документа через символ #.
    Пример записи относительного перехода внутри документа к его фрагменту, имеющему метку m1:
    <A href=”#m1">Текст для щелчка </A>
    Пример записи перехода к фрагменту документа, имеющему метку m2, в случае указания абсолютного адреса:
    <A href=”http://www.intel.com/products/index.htm#m2">Текст для щелчка </A>

Практическая работа

1. В ранее созданном файле strtxt.htm под основным заголовком текста создать меню в виде списка ссылок на абзацы этого документа по форме:

<A href="#m1”>Царское Село </A>

<A href="#m2”>Город Пушкин </A>и т.д.

2. Перед заголовком каждого абзаца создать соответствующие метки по указанной ниже форме. Они должны обеспечить переход из меню к соответствующему фрагменту.

<A name=”m1”></A>Царское Село

<A name=”m2”></A>Город Пушкин и т.д.

3. В конце текста Web-страницы записать слова Web-мастер, отформатировать их с использованием элемента ADDRESS и оформить как ссылку на документ vizitka.htm, содержащий информацию о web-мастере.

<A href="vizitka.htm">Web-мастер</A>

  • Сохранить внесенные в документ изменения и открыть файл для просмотра в браузере – Файл/ Сохранить, а затем двойной щелчок по файлу strtxt.htm в месте его сохранения.

4. Создать файл vizitka.htm на основе имеемого шаблона:

  • открыть шаблон для просмотра в браузере – двойной щелчок по файлу template.htm в месте его сохранения,
  • открыть шаблон для редактирования в текстовом редакторе Блокнот - выбрать пункт в меню браузера Вид/ В виде HTML (Просмотр HTML-кода), · сохранить шаблон под другим именем – Файл/ Сохранить как/ Тип файла – Все файлы/ Указать место сохранения, требуемое имя и расширение .htm/ Сохранить.

5. В созданном файле vizitka.htm оформить ссылку для перехода к файлу strtxt.htm:

  • В разделе BODY после информации об web-мастере сделать запись:

<A href="strtxt.htm">Возврат в Город</A>

  • Сохранить внесенные в документ изменения и открыть файл для просмотра в браузере – Файл/ Сохранить, а затем двойной щелчок по файлу vizitka.htm в месте его сохранения.
Категория: Создание HTML-документа | Добавил: asan (01.11.2010)
Просмотров: 1255 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
Поиск

Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz

  • Copyright MyCorp © 2018 Бесплатный конструктор сайтов - uCoz