HTML iframe
HTML ifreymi veb-sahifa ichida veb-sahifani ko‘rsatish uchun ishlatiladi.
HTML iframe sintaksisi
HTML <iframe> tegi inline freymni belgilaydi.
Inline freym joriy HTML hujjati ichiga boshqa hujjatni joylashtirishda ishlatiladi.
Sintaksis
<iframe src="url" title="description"></iframe>
Maslahat: <iframe> uchun doim title atributini kiritish tavsiya etiladi. Ekran o‘qish dasturlari undan iframe ichidagi kontent nima ekanini ovoz chiqarib aytish uchun foydalanadi.
Iframe — balandlik va kenglik
Ifreym o‘lchamini belgilash uchun height va width atributlaridan foydalaning.
Balandlik va kenglik standart bo‘yicha piksellarda belgilanadi:
Misol
<iframe src="demo_iframe.htm" height="200" width="300" title="Iframe Example"></iframe>
O‘zingiz sinab ko‘ring »
Yoki style atributini qo‘shib, CSS height va width
xususiyatlaridan foydalanishingiz mumkin:
Misol
<iframe src="demo_iframe.htm" style="height:200px;width:300px;" title="Iframe Example"></iframe>
O‘zingiz sinab ko‘ring »
Iframe — chegarani olib tashlash
Standart bo‘yicha, ifreym atrofida ramka (chegara) bor.
Ramkani olib tashlash uchun style atributini qo‘shib, CSS border xususiyatidan foydalaning:
Misol
<iframe src="demo_iframe.htm" style="border:none;" title="Iframe Example"></iframe>
O‘zingiz sinab ko‘ring »
CSS yordamida ifreym frameworkining o‘lchami, uslubi va rangini ham o‘zgartirishingiz mumkin:
Misol
<iframe src="demo_iframe.htm" style="border:2px solid red;" title="Iframe Example"></iframe>
O‘zingiz sinab ko‘ring »
Iframe — havola uchun target
Ifreym havola uchun maqsad freym sifatida ishlatilishi mumkin.
Havolaning target atributi ifreymning
name atributiga ishora qilishi kerak:
Misol
<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>
O‘zingiz sinab ko‘ring »
Bob xulosasi
- HTML
<iframe>tegi inline freymni belgilaydi srcatributi joylashtiriladigan sahifaning URL manzilini aniqlaydi- Doim
titleatributini kiriting (ekran o‘quvchilar uchun) heightvawidthatributlari ifreym o‘lchamini belgilaydi- Ifreym atrofidagi ramkani olib tashlash uchun
border:none;dan foydalaning
HTML iframe tegi
| Tag | Tavsif |
|---|---|
| <iframe> | Ichki (inline) freymni belgilaydi |
Barcha mavjud HTML teglarining to‘liq ro‘yxati uchun HTML teglar ma’lumotnomamizga murojaat qiling.
Video: HTML iframe
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!