Как сделать страницу в странице?

3 ноября 2014 г. Просмотров: 1437 Инструкции
Язык разметки гипертекста (HTML), предоставляет возможность разделять страницу на несколько окон - «фреймов». Каждый из фреймов может иметь свой собственный интернет-источник для отображения. Этот механизм можно использовать для того, чтобы вставить в страницы с вашего сайта страницы других сайтов.

Вам понадобится

  • Текстовый редактор Блокнот

Инструкция

  • HTML-код страницы представляет собой набор инструкций для браузера, сообщающий в каком месте страницы должен быть отображен каждый из ее элементов и как он должен выглядеть. Эти инструкции называются «тегами» и чтобы создать страницу, содержащую в себе одну или несколько других, вам надо написать соответствующий набор тегов. Начать надо с тегов, создающих контейнер для всех фреймов страницы:
  • ...

    Это открывающий и закрывающий теги контейнера - теги, формирующие фреймы, должны будут размещаться между ними. В языке HTML теги имеют «атрибуты» - в них содержится дополнительная информация о свойствах того элемента страницы, отображение которого задает этот тег. В открывающем теге контейнера надо указать атрибут, содержащий информацию о том, каким образом браузер должен разделить пространство страницы между ее фреймами:

    ...

    Атрибут "cols" в этом образце кода указывает, что страница должна быть поделена вертикально на два фрейма и левый из них должен занимать 20% ширины окна, а правый - 80%. Если вместо атрибута "cols" указать атрибут "rows", то страница будет разделена по горизонтали:

    ...

    Вместо числа можно писать звездочку (*):

    ...

    Это будет означать, что второму фрейму будет отдано все оставшееся пространство.Размеры фреймов можно указывать не в процентах, а в единицах измерения, которые чаще всего используют при разметке страниц - в «пикселах»:

    ...

  • HTML-тег самого фрейма, который нужно поместить в контейнер, пишется так:Атрибут "src" тега "frame" содержит адрес интернет-страницы, которую браузер должен загрузить в этот фрейм. Адрес, написанный таким образом, называют «абсолютным» - он начинается с указания протокола http://. Но если это страница вашего же сайта и она лежит в этой же (или вложенной) папке, то абсолютный адрес указывать не обязательно, будет достаточно только имени файла и пути к вложенной папке. Такой адрес будет называться «относительным»:--Границы между фреймами в странице по умолчанию можно перемещать мышкой. Эта возможность отключается атрибутом noresize:--Существует два атрибута, определяющих размеры полей между фреймам - marginheight задает отступ по вертикали (сверху и снизу), а marginwidth - по горизонтали (справа и слева):--Использовав другой атрибут - "scrolling" - можно указать браузеру правила для полос прокрутки фрейма:Значение "auto" указывает, что полосы прокрутки должны появляться по мере необходимости, то есть когда содержимое не вмещается в границы фрейма. Если задать значение "yes", то у этого фрейма полосы прокрутки будут присутствовать всегда, а значение "no" наоборот запрещает отображать полосы прокрутки.--Если содержащиеся в контейнере страницы работают с какими-либо JavaScript-сценариями, который совершают операции в соседних фреймах, то может возникнуть необходимость различать фреймы по именам. Атрибут, содержащий имя фрейма так и называется - name:

  • Этих определений языка HTML вполне достаточно, чтобы создать простую страницу из нескольких страницы других сайтов. Для этого будет нужен любой текстовый редактор, например стандартный Блокнот. В нем создайте новый документ и напишите эти теги html-кода:
  • Потом сохраните этот код с расширением htm или html - например, test.html. Все готово, если открыть этот документ браузером, результат будет выглядеть так:

  • Существует еще одна разновидность фрейма - «плавающий». Он может находиться внутри обычной страницы, не поделенной на фреймы. У такого фрейма есть дополнительные атрибуты width и height, задающие его размеры. Выглядеть код этого тега может, например, так:
  • Оцените статью!