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

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


Мова розмітки гіпертексту (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 задает ^ по вертикали (сверху и снизу), а marginwidt< 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>