logo

TechCodeview

ХТМЛ ифрамес

ХТМЛ ифраме се користи за приказ угнежђене веб странице (веб странице унутар веб странице). ХТМЛ

ХТМЛ ифраме уграђује други документ унутар тренутног ХТМЛ документа у правоугаони регион.

Садржај веб странице и садржај ифраме-а могу међусобно да комуницирају помоћу ЈаваСцрипт-а.

цхирањееви глумац

Синтакса унутарњег оквира

ХТМЛ ифраме је дефинисан са 

 <iframe src="URL"></iframe>

Овде, 'срц' атрибут специфицира веб адресу (УРЛ) странице унутар оквира.

Подесите ширину и висину ифраме-а

Можете подесити ширину и висину ифраме-а помоћу атрибута 'видтх' и 'хеигхт'. Подразумевано, вредности атрибута су наведене у пикселима, али их можете подесити и у процентима. односно 50%, 60% итд.

случајни број у Јави

Пример: (пиксели)

 <h2>HTML Iframes example</h2> <p>Use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe>
Тестирајте одмах

Пример: (проценат)

 <h2>HTML Iframes</h2> <p>You can use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe>
Тестирајте одмах

Такође можете да користите ЦСС да подесите висину и ширину ифраме-а.

Пример:

 <h2>HTML Iframes</h2> <p>Use the CSS height and width properties to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe>
Тестирајте одмах

Уклоните ивицу ифраме-а

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

Пример:

 <h2>Remove the Iframe Border</h2> <p>This iframe example doesn&apos;t have any border</p> <iframe src="https://www.javatpoint.com/"></iframe>
Тестирајте одмах

Такође можете да промените величину, боју, стил ивица ифраме-а.

Пример:

 <h2>Custom Iframe Border</h2> <iframe src="https://www.javatpoint.com/"></iframe>
Тестирајте одмах

Ифраме циљ за везу

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

Пример:

 <h2>Iframe - Target for a Link</h2> <iframe src="new.html" name="iframe_a"></iframe> <p> <a href="https://www.javatpoint.com">JavaTpoint.com</a> </p> <p>The name of iframe and link target must have same value else link will not open as a frame. </p>
Тестирајте одмах

Излаз

ХТМЛ ифрамес

нев.хмтл излазни код: 

 p{ font-size: 50px; color: red;} <p>This is a link below the ifarme click on link to open new iframe. </p>

Уградите ИоуТубе видео користећи ифраме

Такође можете додати ИоуТубе видео на своју веб страницу помоћу

Следи неколико корака да додате ИоуТубе видео на своју веб страницу:

  • Идите на ИоуТубе видео који желите да уградите.
  • Кликните на ПОДЕЛИ ➦ испод видеа.
  • Кликните на опцију Угради.
  • Копирајте ХТМЛ код.
  • Налепите код у своју ХТМЛ датотеку
  • Промените висину, ширину и друга својства (према захтеву).

Пример:

 <iframe src="https://www.youtube.com/embed/JHq3pL4cdy4" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <iframe src="https://www.youtube.com/embed/O5hShUO6wxs" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture">></iframe>
Тестирајте одмах

Излаз:

тостринг метод јава
ХТМЛ ифрамес

Атрибути оф

Име атрибута Валуе Опис
дозвољен на целом екрану Ако је тачно, тај оквир се може отворити преко целог екрана.
висина Пикелс Дефинише висину уграђеног ифраме-а, а подразумевана висина је 150 пиксела.
име текст То даје име ифраме-у. Атрибут наме је важан ако желите да направите везу у једном оквиру.
граница оквира 1 или 0 Дефинише да ли ифраме треба да има ивицу или не. (Није подржано у ХТМЛ5).
Ширина Пикелс Дефинише ширину уграђеног оквира, а подразумевана ширина је 300 пк.
срц УРЛ Атрибут срц се користи за давање имена путање или имена датотеке чији садржај треба да се учита у ифраме.
сандбок
Овај атрибут се користи за примену додатних ограничења за садржај оквира
дозволи-форме Дозвољава подношење обрасца ако се ова кључна реч не користи онда је подношење обрасца блокирано.
дозволи искачуће прозоре Омогућиће искачуће прозоре, а ако се не примени, неће се отворити искачући прозор.
дозволи-скрипте То ће омогућити покретање скрипте.
дозволи-исто-порекло Ако се користи ова кључна реч, онда ће се уграђени ресурс третирати као преузет са истог извора.
срцдоц Атрибут срцдоц се користи за приказивање ХТМЛ садржаја у инлине ифраме-у. Он замењује атрибут срц (ако претраживач подржава).
скроловање
То указује да претраживач треба да обезбеди траку за померање за ифраме или не. (Није подржано у ХТМЛ5)
ауто Трака за померање приказује само ако је садржај ифраме-а већи од његових димензија.
да Увек приказује траку за померање за ифраме.
Не Никада не приказује траку за померање за ифраме.