Оквири у ХТМЛ-у су начин поделе прозора претраживача на више секција, од којих сваки може учитати и приказати другачији ХТМЛ документ. У овом чланку ћемо видети практичне примере оквира у ХТМЛ-у.

Иако је његова употреба опала последњих година због усвајања модернијих и флексибилнијих техника, као што су ЦСС и ЈаваСцрипт, још увек се може наћи на неким веб локацијама, посебно онима креираним 1990-их и раних 1990-их. оно из 2000.

Како оквири или оквири функционишу у ХТМЛ-у?

Оквири се састоје од два елемента:

1. Фрамесет: Елемент се користи за поделу прозора претраживача на правоугаоне делове, од којих сваки може да учита свој ХТМЛ документ.

2. рамови: Елемент се користи у оквиру а да дефинише сваки од појединачних одељака. И шаље да позове неки други документ који је учитан унутар оквира.

• Пратите са: иФраме примери

Како направити оквире у ХТМЛ-у

Да бисте креирали ХТМЛ документ са оквирима, следите два врло једноставна корака:

1. Креирајте ХТМЛ документ који дефинише структуру оквира користећи елемент. На пример:

Датотека 1: фрамесет.хтмл

2. Направите један или више ХТМЛ докумената који ће бити учитани унутар оквира.

Датотека 2: фраме1.хтмл

Ово је оквир 1

Фајл 3: фраме2.хтмл

Ово је оквир 2

Атрибути оквира у ХТМЛ-у

Неки од најважнијих атрибута елемента су:

• скроловање: Овај атрибут се користи за контролу изгледа трака за померање у оквиру. Може имати вредности "ауто", "да" или "не".

• норесизе: Овај атрибут се користи да спречи корисника да промени величину оквира.

• иам: Овај атрибут се користи за давање имена оквиру, што може бити корисно за референцирање оквира у везама и скриптама.

• срц: Овај атрибут се користи за одређивање УРЛ-а ХТМЛ документа који ће се учитати у оквир.

• граница оквира: Овај атрибут одређује да ли оквири треба да имају ивице или не. Могуће вредности су "1" (да се приказују ивице) или "0" (да се не приказују ивице). На пример, .

• граница: Овај атрибут дефинише ширину границе између оквира у пикселима. На пример, створиће границу од 5 пиксела између оквира.

• размак између оквира: Овај атрибут је сличан граница. Такође дефинише размак између оквира у пикселима. На пример, ће поставити размак од 10 пиксела између оквира.

• боја ивице: Овај атрибут вам омогућава да промените боју ивице оквира. Може се навести било која важећа боја. На пример, учиниће ивицу оквира црвеном.

Пример употребе:

Како се повезати са одређеним оквиром

Можемо отворити везу у одређеном оквиру користећи атрибут циљ У етикети. Вредност циљ треба да буде исто као име оквира (иам атрибут на ). На пример:

у менију.хтмл
Страна 1
страна 2

У овом случају, кликом на везе „Страница 1“ или „Страница 2“ у оквиру менија учитаће се одговарајућа страница у оквиру „садржај“.

Како разбити оквире

Ако желите да веза отвори страницу изван оквира (тј. замени цео оквир), можете користити посебну вредност _топ за атрибут циљ. На пример:

у менију.хтмл
изаћи из оквира

Када кликнете на „Изађи из оквира“, претраживач ће учитати „пагеОутофФрамес.хтмл“ у целом прозору, замењујући скуп оквира.

Пример за поделу екрана на две колоне са оквирима

Овај пример дели екран на две колоне једнаке величине. Свака колона учитава другу ХТМЛ страницу.

Пример за креирање бочне траке за навигацију са оквирима

Овај пример креира бочну траку која заузима 25% екрана и користи се за навигацију. Остатак екрана се користи за приказ главног садржаја.

Пример за поделу екрана на редове и колоне

Овај сложенији пример дели екран на четири једнака дела. Сваки одељак учитава другу ХТМЛ страницу.

Пример горње навигације са ХТМЛ оквирима

Направите датотеку која дефинише два оквира за редом. Две датотеке које дефинише су: једна за навигацију (која заузима 20% ширине прозора) и једна за главни садржај (који заузима остатак ширине прозора).

Затим би требало да креирате датотеке „навигатион.хтмл“ и „цонтент.хтмл“. На пример, „навигатион.хтмл“ може изгледати овако:

Страна 1

страна 2

Страна 3


А "цонтент.хтмл" може бити отприлике овако:

Добродошли на нашу веб страницу!

Овде ће ићи садржај странице изабране у навигацији.

У овом случају, када кликнете на везу у „навигатион.хтмл“, одговарајућа страница се учитава у оквир „садржај“.