Skip to content

HTML Iframe lar

HTML iframe yordamida bir veb sahifani boshqa veb sahifada ko'rsatish mumkin.


HTML Iframe Sintaksisi

HTML <iframe> tegi inline frame ni belgilaydi.

Inline frame yordamida boshqa hujjatni joriy HTML hujjatiga joylashtirish mumkin.

Sintaksis:

html
<iframe src="url" title="ta'rif"></iframe>

Maslahat: <iframe> uchun har doim title atributini qo'shish tavsiya etiladi. Bu ekranni o'qiydigan qurilmalar uchun iframe mazmunini o'qib beradi.


Iframe - Balandlik va Kenglikni Belgilash

Iframe o'lchamini belgilash uchun height va width atributlaridan foydalaniladi.

Balandlik va kenglik odatda pikselda ko'rsatiladi:

Misol:

html
<iframe src="demo_iframe.htm" height="200" width="300" title="Iframe Misol"></iframe>

Yoki style atributidan foydalanib, CSS orqali balandlik va kenglikni belgilash mumkin:

Misol:

html
<iframe src="demo_iframe.htm" style="height:200px;width:300px;" title="Iframe Misol"></iframe>

Iframe - Chegarani Olib Tashlash

Iframe odatda atrofida chegara bilan chiqadi.

Chegarani olib tashlash uchun style atributida CSS border xususiyatidan foydalaning:

Misol:

html
<iframe src="demo_iframe.htm" style="border:none;" title="Iframe Misol"></iframe>

CSS yordamida iframe chegarasining o'lchami, uslubi va rangini ham o'zgartirish mumkin:

Misol:

html
<iframe src="demo_iframe.htm" style="border:2px solid red;" title="Iframe Misol"></iframe>

Iframe - Havola Uchun Target

Iframe ni havola uchun target sifatida ishlatish mumkin.

Havolaning target atributi iframe ning name atributiga mos bo'lishi kerak:

Misol:

html
<iframe src="demo_iframe.htm" name="iframe_a" title="Iframe Misol"></iframe>

<p><a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>

Bob Yakuni

  • HTML <iframe> tegi inline frame ni belgilaydi
  • src atributi joylashtiriladigan sahifa URL sini ko'rsatadi
  • Har doim title atributini qo'shing (ekran o'qiydiganlar uchun)
  • height va width atributlari iframe o'lchamini belgilaydi
  • Iframe atrofidagi chegarani olib tashlash uchun border:none; dan foydalaning

HTML <iframe> Teg Ma'lumotnomasi

TegTavsifi
<iframe>Inline frame ni belgilaydi

Barcha HTML teglar ro'yxatini ko'rish uchun HTML Teg Ma'lumotnomasi sahifasiga tashrif buyuring.