ArmyYazılım

HTML iframe Yapısı!

Aralık 13, 2019 | İbrahim Bozkurt

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 …



html html iframe HTML iframe Kullanımı
3 sene / HTML


Yorumlar