HTML İframe Oluşturma

Tasarladığınız web sitesi içinde her hangi bir alanda bir başka web sitesini göstermek için iframe kullanılır. Web sitesini göstermek için <iframe> etiketi kullanılır. Bu etiketin niteliklerine bakacak olursak:

  • src : Sitenin adresi
  • width : Genişlik
  • height : Yükseklik
<html>
<head></head>
 
<body>
 
<iframe src="https://www.furkanaktas.com" width="600px" height="200px"></iframe>
 
</body>
</html>

Eğer iframenin etrafındaki kenarlığı istemiyorsanız style=”border:none;” niteliğini eklemeniz gerekmektedir.

Bir iframe oluşturup daha sonra başka bir yere link verip o linke tıklayınca iframeyi doldurabilirsiniz. Bunun için iframeye name özelliği vermeniz gerekmektedir. Linkteki target özelliğine de iframenin name özelliğindeki adını yazarak işlemi tamamlayabilirsiniz. Şimdi bir örnek yaparak daha kolay anlaşılmasını sağlayalım.

<html>
<head></head>
 
<body>
 
<iframe height="300px" width="100%" src="" name="gecis"></iframe>
 
<p><a href="https://www.furkanaktas.com" target="gecis"> Furkanaktas.com</a></p>
 
</body>
</html>

Furkan Aktaş

Bilgisayar Mühendisiyim. Microsoft MCSA Web Applications Sertifikasına Sahibim. Aktif iş hayatımda Full Stack .Net Developer olarak çalışmaktayım.

2 thoughts on “HTML İframe Oluşturma

  • Şubat 15, 2018 tarihinde, saat 7:11 pm
    Permalink

    Tam aradığım yazıydı çok teşekkür emeginiz için

    Yanıtla

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir