HTML iframe Yapısı!

#HTML

Html iframe kullanımı nı mı merak ediyorsunuz? Endişelenmeyin adım adım açıkladığımız makalemizi inceleyebilirsiniz……

HTML iframe Kullanımı!

HTML iframe Kullanımı. Bir iframe, bir web sayfasınının içindeki web sayfasını görüntülemek için kullanılır.

iframe Sözdizimi

Bir HTML iframe <iframe>etiketi ile tanımlanır :

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

Bu srcözellik, satır içi çerçeve sayfasının URL’sini (web adresi) belirtir.

iframe – Yükseklik ve Genişlik Ayarla

İframe boyutunu belirlemek için heightve widthniteliklerini kullanın.

Yükseklik ve genişlik varsayılan olarak piksel cinsinden belirtilir:

<iframe src="https://armyyazilim.com/" height="200" width="300"></iframe>

Çıktısı;

See the Pen html iframe by ArmyYazılım (@armyyazilim) on CodePen.

Veya iframe’in yüksekliğini ve genişliğini ayarlamak için CSS’yi kullanabilirsiniz:

<iframe src="https://armyyazilim.com/" style="height:200px;width:300px;"></iframe>

İki türlü de aynı sonucu verecektir. Biz burada armyyazılım’ın kendi anasayfasının linkini verdik ancak siz istediğiniz sayfanın linkini verebilirsiniz.

iframe – Kenarlığı Kaldır

Varsayılan olarak, bir iframe etrafında bir kenarlığa sahiptir.

Kenarlığı kaldırmak için styleniteliği ekleyin ve CSS borderözelliğini kullanın :

<iframe src="https://armyyazilim.com/" style="border:none;"></iframe>

CSS ile, iframe kenarlığının boyutunu, stilini ve rengini de değiştirebilirsiniz:

<iframe src="https://armyyazilim.com/" style="border:2px solid red;"></iframe>

iframe – Bir Bağlantı İçin Hedef

Bir iframe, bir link için hedef çerçeve olarak kullanılabilir.

Bağlantının targetniteliği nameiframe’in niteliğine atıfta bulunmalıdır :

<!DOCTYPE html>
<html>
<body>

<h2>Iframe - Target for a Link</h2>

<iframe height="300px" width="100%" src="https://twitter.com/" name="iframe_a"></iframe>

<p><a href="https://armyyazilim.com/" target="iframe_a">Armyyazilim.com</a></p>

<p>Linke tıklamadan önce size ensonhaber.com'u açacaktır ancak linke tıkladığınız zaman armyyazılım'ın siztesine yöneleceksiniz.</p>

</body>
</html>

Çıktısı;

See the Pen html iframe link by ArmyYazılım (@armyyazilim) on CodePen.

HTML iframe Etiketi

EtiketAçıklama
<iframe> Satır içi bir çerçeve tanımlar.

İlginizi çekebilir…

WordPress Kişisel Blog Temaları! (Ücretli – Ücretsiz)

Bu makaleyi beğendiyseniz, lütfen WordPress video eğiticileri için YouTube Kanalımıza abone olun . Bizi Twitter ve İnstagram‘da da bulabilirsiniz …


Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

İçerik Metası
İbrahim Bozkurt //