Як вставити сторінку в сторінку

Як вставити сторінку в сторінку

Один із способів вкласти сторінку в сторінку — використовувати надану мовою HTML (HyperText Markup Language — «мова розмітки гіпертексту») можливість розбивати сторінку на окремі вікна. Такі вікна називають «фреймами» і їх може бути декілька в одній сторінці. Кожен фрейм, в свою чергу, може сам містити набір фреймів і в кожний з них можуть завантажуватися сторінки з різних джерел.

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

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

Інструкція

  1. Щоб побудувати такий набір сторінок в сторінці почати слід із створення контейнера для фреймів. Інструкція браузеру створити такий контейнер на мові HTML виглядає так:

    <frameset>



    </ Frameset>

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

    <frameset cols=»50%,50%»>



    </ Frameset>

    Тут атрибут «cols» вказує, що сторінку з двох фреймів треба розділити по вертикалі, виділивши кожному по 50% ширини вікна. Щоб розділити сторінку по горизонталі, використовується інший атрибут — «rows»:

    <frameset rows=»40%,60%»>



    </ Frameset>

    Це ж можна записати таким способом:

    <frameset cols=»40%,*»>



    </ Frameset>

    Тут зірочка (*) вказує, що все залишився повинно бути віддати другому фрейму.

    Можна вказувати значення не у відсотках, а в «пікселах» — це основна одиниця виміру, що використовується при розмітці сторінок:

    <frameset rows=»500,700″>



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

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

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

    <frame src=»pageA.html» />

    -

    За допомогою атрибута «scrolling» можна задати правила для смуг прокручування цього кадру:

    <frame src=»pageA.html» scrolling=»yes» />

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

    -

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

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

    -

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

    <frame src=»pageA.html» marginheight=»50″ marginwidth=»50″ />

    -

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

    <frame src=»pageA.html» name=»frameA» />
  3. Як вставити сторінку в сторінку
    Цією теоретичної підготовки цілком достатньо для створення простої сторінки, що містить, наприклад, дві сторінки інших сайтів. Вам буде достатньо простого текстового редактора — стандартний блокнот цілком підійде. Створіть новий документ і впишіть в нього такий html-код:

    <html>

    <frameset rows=»*,*»>

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

    <frame src=»http://www.sapato.ru» />

    </ Frameset>

    </ Html>

    Тепер збережіть документ з розширенням html — наприклад, test.html. Після цього подвійне клацання по файлу test.html буде запускати браузер, а той буде виконувати інструкції, які ви йому написали в html-коді. Результат повинен виглядати так: