Использование тега iframe

Использование тега iframe

Рано или поздно те, кто всерьёз заинтересовался HTML-программированием, будет вынужден отвлечься от создания сайтов при помощи простейших шаблонов и редакторов. Изучение тегов позволяет не только расширить свой кругозор, но и углубиться в тонкости веб-дизайна, используя возможности, которые недоступны в любительских конструкторах сайтов.

Используя тег iframe, дизайнер получает возможность странички своих будущих сайтов наполнить привлекательным и оригинальным функционалом. Оставим возможность фантазировать на долю конструкторов, а сами углубимся в свойства и особенности использования «фреймов».

Синтаксис этого элемента включает набор служебных команд, ограниченный служебными кодами соответствующие тегу «iframe». Браузер, обрабатывая их, отобразит в теле веб-странички область, имеющую заданные размеры, содержанием которой является независимый контент. Объявив тег iframe, зададим командой src="…" адрес необходимого документа. Затем через пробел зададим параметры «фрейма»: ширину width="…" (в пикселях или процентах), высоту height="…" и порядок выравнивания (способ обтекания текстом) align="…".

Параметр align задаётся командами: absmiddle — выравнивает середину фрейма по центру строки; baseline — подгоняет фрейм под базовую линию строки; bottom — нижняя граница фрейма подгоняется под окружающий текст; left — фрейм подгоняет под левый край окна, а right — под правый; по команде middle выравнивается середина фрейма под базовую линию строки, texttop приводит к выравниванию верхней границы фрейма по уровню самого высокого текстового элемента строки, top — по высоте самого высокого элемента строки.

Задавая параметры фрейма следующими командами можно добиться получения рамки-границы при условии 1 или yes (по умолчанию), её отсутствия при 0 или no в аргументе кода frameborder. Отступ фрейма до окружающего контента по горизонтали задаётся параметром hspace. Внутри эту функцию выполняет marginwidth, по вертикали размер регулируется командой marginheight. Имеется возможность задавать функцию скроллинга командой scrolling.

И это только базовый набор команд, реализуемый в рамках тега iframe. Изучение их полного списка и различных возможностей позволит реализовать самые смелые идеи в рамках Ваших будущих проектов.

По материалам сайта http://xbb.uz