5.0 0.5 4 23

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

Арслан Аванесов
Арслан Аванесов
19 февраля 2013
836
Оцените:
Как вставить страницу в страницу?

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

Итак, как вставить страницу в страницу? Для этого, в первую очередь, нам понадобится простейший текстовый редактор "Блокнот", входящий в стандартный набор программ Windows. Приведем пошаговую инструкцию.

Инструкция по созданию страницы в странице

Для того чтобы выстроить необходимый нам набор страниц в странице, требуется, для начала, создать контейнер для фреймов. На языке HTML – это выглядит так:

...

Эти инструкции принято называть "тегами". В данном случае, это теги, которые открывают и закрывают контейнер соответственно. А вот уже между ними должны стоять теги, которые формируют фреймы. Теги имеют свойство содержать различную информацию. Такая информация называется "атрибутом" тега. Например, нам нужно указать, как конкретно требуется поделить страницу фреймами:

...

"cols" - означает, что страница делится по вертикали. Что означает "50%", думаю, не нужно объяснять. Для того чтобы поделить страницу по горизонтали, вместо "cols", нужно вставить "rows". Также приведем пример:

...

Точно такое же значение это будет иметь, если сделать вот так:

...

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

...

Теперь, когда с контейнерами все стало понятно, возник иной вопрос: как страницу html вставить в html? А иначе – как вписать тег фрейма, в этот контейнер? Самый простой вариант выгляди вот так:

...

В данном случае, "src" указывает, какая именно страница должна быть загружена в этот фрейм. Если случается так, что необходимая страница лежит на том же сервере, или в той же папке, то вовсе не обязательно указывать весь адрес целиком. Хватит и того, что можно указать имя файла, и путь который ведет к папке. Такие адреса называют "относительными". А полный адрес, называется "абсолютным". Пример относительного адреса:

...

Существует также, атрибут "scrolling", он нужен для того, чтобы можно было задать правила для полос прокрутки требуемого нам фрейма, то есть значения, для "ползунков":

...

В этом случае, "yes" означает, что полосы прокрутки фрейма будут появляться абсолютно всегда. Ежели вместо него вставить значение "no" - то это будет означать, что полос прокрутки не будет никогда. Существует и третий атрибут "auto" - благодаря ему, полосы прокрутки появляются исключительно по мере необходимости. То есть, если содержимое фрейма не будет вмещаться в его границы. Нетрудно понять, что атрибут "auto" максимально оптимальный и удобный. Стандартно, по настройкам умолчания, границы фрейма можно свободно перемещать мышкой. Однако – это может запретить, если задать тегу атрибут "noresize". Выглядит это так:

...

Стоит сказать, что у тега "frame" должно присутствовать два атрибута, которые регулируют поля, между соседними фреймами. Это "marginwidth" - обязан указывать отступ от соседствующего поля по горизонтали (то есть справа, слева) и "marginheight" - который делает то же самое, но уже по вертикали (сверху, снизу). Как водится, приведем пример:

...

Еще один важный атрибут – это атрибут "name", целью которого является нарекание имени фрейму. В некоторых ситуациях это очень полезная вещь:

...

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

Подписывайтесь на наши группы в социальных сетях - смешные статьи, картинки и факты!