Anasayfa>Makaleler>Programlama>Html dersleri>Html ile iframe kullanımı
Facebook'da Paylaş Twitter'da Paylaş Frienfeed'de Paylaş Myspace'de Paylaş Delicious'da Paylaş Google'da Paylaş Yahoo'da Paylaş Buzz'da Paylaş Digg'de Paylaş Mixx'de Paylaş Stumbleupon'da Paylaş Reddit'de Paylaş Linkedin'de Paylaş Rss

Html ile iframe kullanımı

{Makale Yılmaz CANKAYA tarafından Html dersleri altkategorisine eklendi}

22:22:58 | 14 Ekim 2010

iframe kullanımı çoğu zaman web sitelerinde iftiyaç duyduğumuz etiketlerdendir. Şöyleki dinamik bir web sayfanız var ve bu web sayfasının herhangi bir kenarında sayfa yenilenmeden başka bir sayfanın açılmasını istiyorsunuz.

Bu işlem için iki farklı etiket ve bu etiketlerin özelliklerinden yararlanabiliriz.

Örneğin sayfa yinelenmeden sayfanın bir ortasında belirl sayfalar link vermemiz gerekiyor. Bunun için iframe kullanabiliriz.Üç farklı sayfamız olsun ve bu sayfaları iframe etiketinin içinde görüntüleyelim.


Öncelikle bu sayfaları link olarak oluşturmamız gerekiyor;

<a href="index.html" target="yonlen">Anasayfa</a>
<a href="hakkımızda.html" target="yonlen">Hakkımızda</a>
<a href="iletişim" target="yonlen">İletişim</a>

Burada dikkate etmemiz gereken en önemli nokta target parametresitdir. Böylelikle yonlen isimli iframeye istediğimiz sayfaların gösterimini yapabiliriz.

Gelelim iframe etiketinin oluşturulmasına;

<iframe name="yonlen" width="800px" height="500px"></iframe>

Böylelikle sayfalarımızı iframe içinde açmayı en basit yöntemiyle öğrenmiş olduk. Bu anlatıklarım dışında iframenin defalut açılma özelliğide vardır. Anladığınız üzere sayfa yüklendiğinde iframe içinde ilk açılacak sayfa anlamına gelir. Buda src parametresi ile yapılır.

Şimdi yazmış olduğumuz sayfayı düzenli hale getirelim;

<html>
<head>
<title>iframe kullanımı</title>
</head>
<body>
<a href="index.html" target="yonlen">Anasayfa</a>
<a href="hakkımızda.html" target="yonlen">Hakkımızda</a>
<a href="iletişim" target="yonlen">İletişim</a>
<iframe src="index.html" name="yonlen" width="800px" height="500px"></iframe>
</body>
</html>

iframe ilgili sizlere verebiliceğim bilgi bu kadar..

Yorumlar(3)

Misafir / 85.101.166.79
15:31:39 | 11 Nisan 2012
teşekkürler.
Misafir / 188.3.58.49
14:29:18 | 10 Kasım 2011
İndex sayfasını 2 frame olarak böldüm. index sayfasının üst menüsündeki bir linki tıkladığımda 1.frame de a.html, 2.frame de b.html sayfalarının görünmesini istiyorum..
Misafir / 81.213.132.110
17:32:02 | 08 Kasım 2011
Bilgileriniz için teşekkürler:)

Yorumla

Yorumlayan: / 38.107.179.210
Yorum:
  Gerekli alanlari doldurmayı unutmayınız.

Popüler Resimler

Popüler Makaleler

Etiketler

yönlen frame scroll linkler tasarım temelleri paint shop pro microsoft explorer rgb yazı netscape harita tasarım width koordinat area marquee color programlama a href örnek onmouseover kayan yazı kısayollar satır font tablo css bold map iframe font face sayfa celspadding web sayfası html üye kaydı yazı tipi kayıt formu tag sütun tarayıcı merhaba html sayfaları oluşturma