HTML İç Çerçeveleri
Bir web sayfasını bir web sayfası içinde görüntülemek için bir HTML iframe kullanılır.
HTML Iframe Sözdizimi
HTML <iframe>etiketi bir satır içi çerçeveyi belirtir.
Geçerli HTML belgesine başka bir belge gömmek için bir satır içi çerçeve kullanılır.
Sözdizimi
<iframe src="url" title="description"></iframe>
İpucu: için her zaman bir
titleöznitelik eklemek iyi bir uygulamadır <iframe>. Bu, ekran okuyucular tarafından iframe içeriğinin ne olduğunu okumak için kullanılır.
Iframe - Yüksekliği ve Genişliği ayarla
İç çerçevenin boyutunu belirtmek için heightve özniteliklerini kullanın .width
Yükseklik ve genişlik varsayılan olarak piksel cinsinden belirtilir:
Örnek
<iframe src="demo_iframe.htm" height="200" width="300"
title="Iframe Example"></iframe>
Veya özniteliği ekleyebilir styleve CSS heightile width
özellikleri kullanabilirsiniz:
Örnek
<iframe src="demo_iframe.htm" style="height:200px;width:300px;"
title="Iframe Example"></iframe>
Iframe - Kenarlığı Kaldır
Varsayılan olarak, bir iframe'in çevresinde bir kenarlık bulunur.
Kenarlığı kaldırmak için styleözniteliği ekleyin ve CSS
borderözelliğini kullanın:
Örnek
<iframe src="demo_iframe.htm" style="border:none;"
title="Iframe Example"></iframe>
CSS ile iframe'in kenarlığının boyutunu, stilini ve rengini de değiştirebilirsiniz:
Örnek
<iframe src="demo_iframe.htm" style="border:2px solid red;"
title="Iframe Example"></iframe>
Iframe - Bağlantı Hedefi
Bir iframe, bir bağlantı için hedef çerçeve olarak kullanılabilir.
Bağlantının özniteliği , iframe özniteliğine targetatıfta bulunmalıdır :name
Örnek
<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>
Bölüm özeti
- HTML
<iframe>etiketi bir satır içi çerçeve belirtir - Özellik
src, yerleştirilecek sayfanın URL'sini tanımlar - Her zaman bir
titleöznitelik ekleyin (ekran okuyucular için) - and öznitelikleri
height,widthiframe'in boyutunu belirtir. border:none;iframe etrafındaki kenarlığı kaldırmak için kullanın
HTML Alıştırmaları
HTML iframe Etiketi
| Tag | Description |
|---|---|
| <iframe> | Defines an inline frame |
Mevcut tüm HTML etiketlerinin tam listesi için HTML Etiket Referansımızı ziyaret edin .