TechCodeview

HTML Iframe tiek izmantots, lai parādītu ligzdotu tīmekļa lapu (tīmekļa lapu tīmekļa lapā). HTML

HTML iframe iegulst citu dokumentu pašreizējā HTML dokumentā taisnstūra apgabalā.

Tīmekļa lapas saturs un iframe saturs var mijiedarboties viens ar otru, izmantojot JavaScript.

leksikogrāfiskā kārtība

Iframe sintakse

HTML iframe ir definēts ar

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

Šeit atribūts 'src' norāda iekļautās rāmja lapas tīmekļa adresi (URL).

Iestatiet iframe platumu un augstumu

Varat iestatīt iframe platumu un augstumu, izmantojot atribūtus “width” un “height”. Pēc noklusējuma atribūtu vērtības ir norādītas pikseļos, taču varat tās iestatīt arī procentos. t.i., 50%, 60% utt.

dharmendra vecums

Piemērs: (pikseļi)

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

Piemērs: (procenti)

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

Varat arī izmantot CSS, lai iestatītu iframe augstumu un platumu.

Piemērs:

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

Noņemiet iframe apmali

Pēc noklusējuma iframe ap to ir apmale. Varat noņemt apmali, izmantojot atribūtu un CSS apmales rekvizītu.

Piemērs:

 <h2>Remove the Iframe Border</h2> <p>This iframe example doesn&apos;t have any border</p> <iframe src="https://www.javatpoint.com/"></iframe> 

Varat arī mainīt iframe apmales izmēru, krāsu un stilu.

Piemērs:

 <h2>Custom Iframe Border</h2> <iframe src="https://www.javatpoint.com/"></iframe> 

Iframe Mērķis saitei

Varat iestatīt saites mērķa rāmi, izmantojot iframe. Jūsu norādītajam saites mērķa atribūtam ir jāattiecas uz iframe atribūtu name.

Piemērs:

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

Izvade

new.hmtl izvades kods:

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

Iegult YouTube video, izmantojot iframe

Varat arī pievienot YouTube videoklipu savai tīmekļa lapai, izmantojot

Tālāk ir norādītas dažas darbības, lai savai tīmekļa lapai pievienotu YouTube videoklipu.

• Atveriet YouTube videoklipu, kuru vēlaties iegult.
• Noklikšķiniet uz SHARE ➦ zem videoklipa.
• Noklikšķiniet uz opcijas Iegult.
• Kopējiet HTML kodu.
• Ielīmējiet kodu savā HTML failā
• Mainiet augstumu, platumu un citus rekvizītus (atbilstoši prasībām).

Piemērs:

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

Izvade:

tostring metode java

Atribūti