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

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

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

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

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

 <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>  

Излаз:

Атрибути оф