Увод у ифраме у ХТМЛ-у

Ифрамес у ХТМЛ-у није ништа друго него редни оквири који се користе као ХТМЛ документ да би се у њега додао још један ХТМЛ документ. Најчешће се користи у веб страницама или у веб развојним процесима како би на неки други извор укључио неки други садржај попут реклама на тој веб страници.

Већина веб дизајнера користи Ифраме за презентацију интерактивних апликација на веб локацији или на веб страницама. Омогућено је употребом јаваСцрипт-а или коришћењем атрибута таргет у ХТМЛ-у.

Главна сврха Ифраме-а је приказивање веб странице унутар друге веб странице. Уметнути оквир треба приказати помоћу ознаке која се зове

  • Такође је могуће да доделите одређену висину и ширину нашем Ифраме-у у пиксел формату на следећи начин:
  • У горњој синтакси ће све ствари бити исте, додатно можемо одредити висину и ширину у формату пиксела дефинишући као

Пример:

  • Још једна метода за одређивање висине и ширине ифраме-а коришћењем вредности преко ЦСС-а приказана је у синтакси испод:
  • Све су ствари исте као што је горе само вршење промене у одређивању вредности.

Пример:

  • Ако је ифраме додата још једна карактеристика, то је што можемо уклонити већ дефинисане границе оквира помоћу употребе својства обруба. Синтакса за ово је следећа:
  • Уз помоћ ЦСС-а, такође је могуће учинити много ствари са ивицом попут промене величине ивице, наношења неке боје на обруб итд.

Ифраме се може користити као циљ за везу помоћу синтаксе:

  • У горњу синтаксу, срц је наша нормална УРЛ адреса, овде је циљни атрибут везе који ће упућивати атрибут наме у нашој ифраме ознаци.

Пример:

Атрибути ознаке Ифрамес

У ифрамама се користе различите ознаке атрибута, а то су:

  • Срц: Овај атрибут користи се за уметање датотеке која мора бити укључена у оквир. УРЛ одређује циљну веб страницу која ће се учитавати у ифраме.
  • Име: Име је атрибут који се користи за давање оквира одређеном идентификационом имену. Најкорисније је где креирате један линк за отварање друге веб странице.
  • допунски екран : Овај атрибут омогућава вам да прикажете свој оквир у формату пуне ширине. тако да морамо поставити вриједност труе да би се догодила ова функција
  • Фрамебордер: Ово је користан атрибут који вам омогућава да прикажете границу или не прикажете границу на оквиру. Вредност 1 је да прикаже границу и 0 да не приказује границу на оквиру.
  • Маргинвидтх: Омогућава вам да одредите простор између леве и десне стране оквира
  • Маргинхеигхт: Омогућава вам да одредите простор између врха и дна оквира.
  • Помицање: Ови атрибути користе се за контролу да ли ће се трака за помицање приказати оквиру или не. Укључене су вредности „да“ или „не“ или „ауто“.
  • Висина: Користила се за одређивање висине оквира. Време у% или у пикселима
  • Ширина: Користила се за дефинисање ширине оквира. Време у% или у пикселима
  • Лонгдесц: Помоћу овог атрибута можете повезати другу страницу која садржи дугачак опис садржаја вашег оквира.

Примери ифрамеова у ХТМЛ-у

Ево неколико примера Ифрамес-а у ХТМЛ-у који су објашњени у наставку:

Пример # 1

Размотримо један пример у коме ћемо показати како да направимо ифраме са одређеном висином и ширином.

Шифра:

Демо Ифрамес ХТМЛ


Овде приказујемо пример Ифраме-а који садржи специфц Висину и ширину у пикселу

Излаз:

Пример бр. 2

Размотримо још један пример у коме ћемо показати како да направимо ифраме са одређеном висином и ширином. Али у овом примеру смо специфицирали висину и ширину кроз ЦСС. Овде можемо видети да се трака за помицање прилагођава према величини садржаја.

Шифра:

Демо Ифрамес ХТМЛ


Овде приказујемо пример Ифраме-а који садржи специфц Висину и ширину у пикселу

Излаз:

Пример бр. 3

Овде смо размотрили један пример у који ћемо додати границу у ифраме додавањем неких додатних ЦСС својстава да бисмо показали промену величине ивице, промену боје обруба, итд. Тако да можемо додати што више стила у наш ифраме.

Шифра:

Демо Ифрамес ХТМЛ


Овде приказујемо пример Ифраме-а који садржи обруб са неким додатним ЦСС својствима

Излаз:

Пример бр. 4

Размотримо још један пример у којем ћемо показати како циљни атрибут отвара везу веб странице помоћу ифраме-а.

Шифра:

Ифраме Демо-Циљајте везу


ЕДУЦБА

Кад се циљ везе подудара са називом ифраме-а, веза ће се отворити у ифраме-у.

Излаз:

Циљни излаз:

Као што је приказано горе, на пример, можемо да кликнемо на циљну везу ЕДУЦБА, тако да ће отворити следећу веб страницу приказану доле.

Закључак

Из свих горе наведених информација закључено је да је ифраме инлине оквир који у себе укључује још један ХТМЛ документ. Сматран је као најмоћнији ХТМЛ елемент за потребе веб дизајнирања. Уз помоћ њега, такође можете да додате неки садржај из другог извора. Користи различите врсте ХТМЛ атрибута као што су Глобал Аттрибутес, Атрибути догађаја, неке сродне странице итд.

Препоручени чланци

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

  1. Селениум Цоммандс
  2. ХТМЛ Фрамес
  3. ХТМЛ текстуална веза
  4. Креирајте табеле у ХТМЛ-у

Категорија:

Алати за веб развој