Перейти к основному содержанию
Рецепты Linux

Main navigation

  • Основы
  • Система
  • Команды
  • Программы
  • Дистро
  • Интерфейсы
  • Устройства
  • Доки
User account menu
  • Войти

Строка навигации

  1. Главная
  2. Практическая информатика
  3. Глава 5 Основы языка HTML
  4. Фреймы

Организация ссылок

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

Для определения имени кадра служит атрибут name. Например, строка <frame name="frame1"> создает кадр с именем "frame1", на который можно сделать гипертекстовую ссылку следующим образом:

<a href="putfirst.html" target="frame1">Нажмите сюда,</a>
чтобы перейти на первую страницу 

Атрибут target гипертекстовой ссылки содержит имя кадра. При активизации этой ссылки содержимое кадра frame1, т. е. файл first.html, размещенный в нем при создании, будет заменен файлом putfirst.html.

Заметьте, что если атрибут target отсутствует, файл putfirst.html будет выведен в том же окне или кадре, где находится указатель ссылки. Атрибут target как раз и предназначен для указания "цели" -- кадра, в котором должен быть размещен файл, определенный атрибутом href. Этот принцип замены файлов в одном кадре при управлении этим процессом из другого кадра и лежит в основе навигации по сайту.

Имя Назначение
_blank Загружает указанный файл в новое окно без названия
_self Загружает указанный файл в кадр, откуда делается вызов
_parent Загружает указанный файл в старший (родительский) кадр сетки кадров; если такой кадр не определен, результат аналогичен действию _self
_top Загружает указанный файл в полное окно, разрушая всю структуру кадров

Кадру обязательно нужно присвоить имя, иначе на него нельзя будет ссылаться. Поэтому всем кадрам, содержание которых планируется менять, должны быть даны правильные имена. Имена кадров должны начинаться с алфавитно-цифрового символа. Ваши имена не должны начинаться с символа подчеркивания, так как он является первым символом зарезервированных имен кадров, перечисленных в таблице.

Пример
Создайте файл frames.html в директории public_html и запишите в нем следующие теги:

<html>
<frameset rows="*,*">
<frameset cols="*,*">
 <frame src="frame1.html" NAME="fr1">
 <frame src="frame2.html" NAME="fr2">
</frameset>
 <frame src="frame3.html" NAME="fr3">
</frameset>
</html>

После этого, создайте файлы frame1.html, frame2.html, frame3.html и заполните их следующим образом:

frame1.html:

<html><body bgcolor=white>
<h1>Frame1</h1>
<a href=frame2.html targer="fr3">Ссылка на 2 кадр</a>
</body></html>

frame2.html:

<html><body bgcolor=red text=yellow>
<>Frame2</h1>
<a href=frame3.html targer=_top>Frame3 во все окно</a>
</body></html>

frame3.html:

<html><body bgcolor=purple>
<h1>Frame3</h1>
<a href=frame1.html targer=_self>Frame1 в это окно</a>
</body></html>

Теперь при помощи браузера загрузите файл frames.html и посмотрите на результат.


Задания

 
  1. Создайте файл frame1.html и с помощью контейнеров FRAMESET разбейте окно в соответствии с рисунком.
  2. Откройте файл index.html и удалите его прежнее содержание. Разбейте страницу на четыре фрейма (по два в строке и столбце), в которые загрузите ранее созданные файлы: list.html, table.html, image.html и first.html. Затем:
    а)
    установите в фрейме, содержащим файл list.html обязательное наличие полосы прокрутки;
    б)
    исключите возможность изменения размера (noresize) фрейма, содержащего файл table.html;
    в)
    измените файл first.htmlтаким образом, чтобы при выборе текстовой ссылки на файл image.html он загружался в тот же фрейм, где находится сам файл first.html;
    г)
    в файле image.html преобразуйте ссылку в виде картинки на файл first.html так, чтобы при нажатии на нее файл first.html открывался в новом окне браузера.

Перекрёстные ссылки книги для Организация ссылок

  • Тег <FRAME>
  • Вверх
  • Мультимедиа в HTML

Book navigation

  • Содержание
  • Глава 1 Основы информатики
  • Глава 2 Операционные системы и сети
  • Глава 3 Графика на компьютере
  • Глава 4 Обработка текста
  • Глава 5 Основы языка HTML
    • Структура HTML-документа
    • Форматирование текста
    • Графика в HTML
    • Гиперссылки
    • Списки
    • Таблицы
    • Фреймы
      • Контейнер <frameset>
      • Параметры кадров
      • Тег <FRAME>
      • Организация ссылок
    • Мультимедиа в HTML
    • Формы
  • Глава 6 Динамический HTML
  • Глава 7 Простейшие вычисления
  • Глава 8 Системы компьютерной алгебры
  • Глава 9 Модели и программирование
  • Глава 10 Логическое программирование
  • Глава 11 Введение в ООП
  • Глава 12 Программирование и интернет

Последние материалы

  • Файловый менеджер Thunar
    1 hour ago
  • Эмулятор терминала Terminator
    5 days 3 hours ago
  • Приложение scanimage
    1 week 4 days ago
  • Утилита sensors
    2 weeks 1 day ago
  • Сканер Rkhunter
    3 weeks 1 day ago
RSS feed

Secondary menu

  • О проекте

© 2008–2025 Олег Меньшенин mensh@yandex.ru