HTML iframes
'n HTML iframe word gebruik om 'n webblad binne 'n webblad te vertoon.
HTML Iframe-sintaksis
Die HTML <iframe>-merker spesifiseer 'n inlynraam.
'n Inlynraam word gebruik om 'n ander dokument binne die huidige HTML-dokument in te sluit.
Sintaksis
<iframe src="url" title="description"></iframe>
Wenk: Dit is 'n goeie praktyk om altyd 'n
titlekenmerk vir die <iframe>. Dit word deur skermlesers gebruik om uit te lees wat die inhoud van die iframe is.
Iframe - Stel Hoogte en Breedte
Gebruik die heighten widthkenmerke om die grootte van die iframe te spesifiseer.
Die hoogte en breedte word by verstek in pixels gespesifiseer:
Voorbeeld
<iframe src="demo_iframe.htm" height="200" width="300"
title="Iframe Example"></iframe>
Of jy kan die stylekenmerk byvoeg en die CSS heighten width
eienskappe gebruik:
Voorbeeld
<iframe src="demo_iframe.htm" style="height:200px;width:300px;"
title="Iframe Example"></iframe>
Iframe - Verwyder die grens
By verstek het 'n iframe 'n rand om dit.
Om die grens te verwyder, voeg die stylekenmerk by en gebruik die CSS
- bordereienskap:
Voorbeeld
<iframe src="demo_iframe.htm" style="border:none;"
title="Iframe Example"></iframe>
Met CSS kan jy ook die grootte, styl en kleur van die iframe se rand verander:
Voorbeeld
<iframe src="demo_iframe.htm" style="border:2px solid red;"
title="Iframe Example"></iframe>
Iframe - Teiken vir 'n skakel
'n iframe kan as die teikenraam vir 'n skakel gebruik word.
Die targetkenmerk van die skakel moet verwys na die namekenmerk van die iframe:
Voorbeeld
<iframe src="demo_iframe.htm" name="iframe_a" title="Iframe
Example"></iframe>
<p><a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>
Hoofstuk Opsomming
- Die HTML
<iframe>-merker spesifiseer 'n inlynraam - Die
srckenmerk definieer die URL van die bladsy wat ingebed moet word - Sluit altyd 'n
titlekenmerk in (vir skermlesers) - Die
heightenwidthkenmerke spesifiseer die grootte van die iframe - Gebruik
border:none;om die rand rondom die iframe te verwyder
HTML-oefeninge
HTML iframe Tag
| Tag | Description |
|---|---|
| <iframe> | Defines an inline frame |
Vir 'n volledige lys van alle beskikbare HTML-merkers, besoek ons HTML-merkerverwysing .