Як зробити сторінку в сторінці

Як зробити сторінку в сторінці

Мова розмітки гіпертексту (HTML), надає можливість розділяти сторінку на кілька вікон — «фреймів». Кожен з фреймів може мати свій власний інтернет-джерело для відображення. Цей механізм можна використовувати для того, щоб вкласти в сторінки з вашого сайту сторінки інших сайтів.

Вам знадобиться

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

Інструкція

  1. HTML-код сторінки представляє собою набір інструкцій для браузера, повідомляє в якому місці сторінки повинен бути відображений кожен з її елементів і як він повинен виглядати. Ці інструкції називаються «тегами» і щоб створити сторінку, яка містить в собі одну або декілька інших, вам треба написати відповідний набір тегів. Почати треба з тегів, що створюють контейнер для всіх фреймів сторінки:

    <frameset>



    </ Frameset>

    Це відкриває та закриває теги контейнера — теги, що формують фрейми, повинні будуть розміщуватися між ними. У мові HTML теги мають «атрибути» — в них міститься додаткова інформація про властивості того елементу сторінки, відображення якого задає цей тег. У відкриваючому тезі контейнера треба вказати атрибут, який містить інформацію про те, яким чином браузері мають розділити простір сторінки між її фреймами:

    <frameset cols=»20%,80%»>



    </ Frameset>

    Атрибут «cols» в цьому зразку коду вказує, що сторінка повинна бути поділена вертикально на два фрейми і лівий з них повинен займати 20% ширини вікна, а правий — 80%. Якщо замість атрибута «cols» вказати атрибут «rows», то сторінка буде розділена по горизонталі:

    <frameset rows=»70%,30%»>



    </ Frameset>

    Замість числа можна писати зірочку (*):

    <frameset cols=»40%,*»>



    </ Frameset>

    Це буде означати, що другому фрейму буде віддано все залишився.

    Розміри фреймів можна вказувати не у відсотках, а в одиницях виміру, які найчастіше використовують при розмітці сторінок — в «пікселах»:

    <frameset rows=»450,750″>



    </ Frameset>
  2. HTML-тег самого кадру, який потрібно помістити в контейнер, пишеться так:

    <frame src=»http://www.site.ru/myPage.html» />

    Атрибут «src» тега «frame» містить адресу інтернет-сторінки, яку браузері мають завантажити в цей фрейм. Адреса, написаний таким чином, називають «абсолютним» — він починається з вказівки протоколу http://. Але якщо це сторінка вашого ж сайту і вона лежить у цій же (або вкладеної) папці, то абсолютний адресу вказувати не обов’язково, буде достатньо тільки імені файлу і шляху до вкладеної папки. Така адреса буде називатися «відносним»:

    <frame src=»myPage.html» />

    -

    Межі між фреймами в сторінці за замовчуванням можна переміщати мишкою. Ця можливість відключається атрибутом noresize:

    <frame src=»myPage.html» noresize=»noresize» />

    -

    Існує два атрибути, що визначають розміри полів між фреймах — marginheight задає відступ по вертикалі (зверху і знизу), а marginwidth — по горизонталі (справа і зліва):

    <frame src=»myPage.html» marginwidth=»10″ marginheight=»20″ />

    -

    Використавши другий атрибут — «scrolling» — можна вказати браузеру правила для смуг прокрутки фрейму:

    <frame src=»myPage.html» scrolling=»auto» />

    Значення «auto» вказує, що смуги прокрутки повинні з’являтися у міру необхідності, тобто коли вміст не вміщається в межі кадру. Якщо задати значення «yes», то у цього кадру смуги прокрутки будуть присутні завжди, а значення «no» навпаки забороняє відображати смуги прокрутки.

    -

    Якщо містяться в контейнері сторінки працюють з будь-якими JavaScript-сценаріями, який здійснюють операції в сусідніх фреймах, то може виникнути необхідність розрізняти фрейми по іменах. Атрибут, що містить ім’я фрейма так і називається — name:

    <frame src=»myPage.html» name=»frameA» />
  3. Як зробити сторінку в сторінці
    Цих визначень мови HTML цілком достатньо, щоб створити просту сторінку з декількох сторінки інших сайтів. Для цього буде потрібен будь-який текстовий редактор, наприклад стандартний Блокнот. У ньому створіть новий документ і напишіть ці теги html-коду:

    <html>

    <frameset rows=»*,*»>

    <frame src=»http://kakprosto.ru» />

    <frame src=»http://chateauonline.ru» />

    </ Frameset>

    </ Html>

    Потім збережіть цей код з розширенням htm або html — наприклад, test.html. Все готово, якщо відкрити цей документ браузером, результат буде виглядати так:
  4. Як зробити сторінку в сторінці
    Існує ще один різновид кадру — «плаваючий». Він може знаходитися всередині звичайної сторінки, не поділеної на фрейми. У такого кадру є додаткові атрибути width і height, що задають його розміри. Виглядати код цього тега може, наприклад, так:

    <iframe src=»myPage.html» height=»200″ width=»300″> </ iframe>