henuathatsit.ru

Як вставити фрейм

Відео: Як вставити відео з RuTube на свій блог за технологією iframe

Для відображення в одній сторінці інформації з декількох джерел часто використовують наявний в HTML механізм розбиття статті на фрейми. Нижче - опис конструкцій мови, призначених для вставки фреймів.
Як вставити фрейм
Вам знадобиться
  • Початкові знання мови HTML

Інструкція

1
Мова HTML (HyperText Markup Language - «мова розмітки гіпертексту») передбачає два види фреймів. «Плаваючий» більш гнучкий і його простіше вставити в уже існуючу сторінку. У загальному випадку конструкція, що описує врізку вікна за допомогою плаваючого фрейма, виглядає так: Тут як джерело даних для цього фрейму вказана головна сторінка існуючого сайту (атрибут src). Вона і буде відкрита у фреймі розміром 400 на 300 пікселів, як це зазначено в атрибутах width і height.Ви можете вказати в атрибуті src і сторінку свого сайту. У цьому випадку досить задати відносний адресу (тобто адресу щодо сторінки, в яку вставляється фрейм): У цьому зразку не вказані ширина і висота фрейму, але зате є атрибут-ідентифікатор id. Використовуючи його, ви можете за допомогою CSS () задати для цього фрейму необхідні розміри:
2
Інший тип фреймів - «класичний» - вимагає наявності окремої сторінки, яка буде містити опис структури фреймів. самі фрейми знаходитимуться в окремих сторінках, може навіть на окремих сайтах. HTML-код такої сторінки-контейнера для фреймів може виглядати так:




ніяких блоків ... і ... , обов`язкових для звичайних сторінок, тут бути не должно.В цьому зразку відкриває тег контейнера містить атрибут rows - це означає, що простір сторінки повинно бути поділено по вертикалі і першого кадру буде віддана верхня частина. Якщо замінити rows на cols, то поділ буде горизонтальним. Значення цього атрибута "*, *" вказує, що пропорції розподілу рівні - по 50% кожному. Якщо вказати, наприклад "20%, *", то першому кадру буде віддано лише 20%, а решта простору - второму.Пользователь може сам змінювати ці пропорції, перетягуючи кордону фреймів мишкою, але є можливість заборонити цю дію. Для цього в тег конкретного фрейма потрібно додати атрибут noresize. Можна також вказати розміри відступів від сусіднього фрейму по вертикалі і горизонталі (атрибути marginwidth і marginheight):Є можливість задавати правила поведінки для смуг прокрутки кожного фрейму окремо. Для цього використовується атрибут scrolling, який може містити одне з трьох зумовлених значень. Якщо вказати scrolling = "auto", то смуги прокрутки будуть з`являтися коли вміст фрейма не вміщається в його межі. Якщо "yes" - смуги будуть присутні постійно, незалежно від наявності необхідності в них. Якщо "no" - це буде означати заборону смуг прокрутки для цього фрейму.
3
Виходячи з інформації, викладеної на двох попередніх етапах, вам потрібно сконструювати html-код, який більш підходить для вирішення вашої задачі. Після цього залишиться лише вставити його в вихідний код сторінки. Для цього можна скористатися редактором сторінок системи управління вашим сайтом - відкрийте в ньому потрібну сторінку, переведіть в режим редагування html-коду і вставте ваш код в потрібне місце сторінки. А можна скачати файл вихідного коду сторінки файл-менеджером управління хостингу або системи управління сайтом, відкрити його в текстовому редакторі і вставити код в ньому. А потім тим же способом закачати змінений код назад на сервер.
Поділися в соціальних мережах:


Увага, тільки СЬОГОДНІ!
Схожі
Як зробити кнопку неактивнійЯк зробити кнопку неактивній
Як зробити окреме вікноЯк зробити окреме вікно
Як додати посилання на сторінкуЯк додати посилання на сторінку
Як вставити посилання на сайтЯк вставити посилання на сайт
Як зробити сторінку в сторінціЯк зробити сторінку в сторінці
» » Як вставити фрейм
© 2021 henuathatsit.ru