Html 5 'de iframe nedir ve nasıl kullanılır ?

[XFB] Konu Bilgileri

Konu Hakkında Merhaba, tarihinde Programlama kategorisinde İframe tarafından oluşturulan Html 5 'de iframe nedir ve nasıl kullanılır ? başlıklı konuyu okuyorsunuz. Bu konu şimdiye dek 102 kez görüntülenmiş, 0 yorum ve 0 tepki puanı almıştır...
Kategori Adı Programlama
Konu Başlığı Html 5 'de iframe nedir ve nasıl kullanılır ?
Konuyu başlatan İframe
Başlangıç tarihi
Cevaplar
Görüntüleme
İlk mesaj tepki puanı
Son Mesaj Yazan İframe

İframe

Kullanıcı
Html 5 'de iframe nedir ve nasıl kullanılır ?

Youtube videosunu kendi web sitemize nasıl yerleştiririz ?


Merhaba herkese öncelikle bugün bir ders niteliğinde konumuzu anlatmak istiyorum.

Html 5' de iFrame, bir web sayfasının içerisine farklı bir web sayfasını çağırıp, görüntülememize yardımcı olan bir HTML etiketidir. Iframe etikerini kullanarak bir sayfa içerisinde başka bir web sitesini ya da başka bir web sitesinin bir sayfasının görüntülenmesini sağlayabilirsiniz. Böylece kullanıcının o linke tıklamasına gerek kalmadan siteye erişimini aynı web sayfası üzerinden sağlayabilirsiniz.


<iframe
src="http://forumwebmaster.com.tr"
frameborder="0">
</iframe>


Burada forumwebmaster.com.tr sitesini başka bir web sayfası üzerinde göstermiş oluruz.

iframe' e verebileceğimiz bazı özellikler mevcuttur.



src : kaynak yolu (aynı klasör içindeki index.html sayfası ya da başka bir internet adresi olabilir.)

frameborder : çerçeve kenarlık kalınlığı.

width : iframe genişliği

height : iframe yüksekliği



iFrame' in yaygın kullanımı ise bir youtube video' sunun başka bir web sayfasına eklenmesidir.

<iframe
width="560"
height="315"
src="https://www.youtube.com"
frameborder="0"
allow="autoplay;
encrypted-media"
allowfullscreen>
</iframe>


Yukarıda görmüş olduğumuz bir youtube video' sunun iframe kodunu kendimiz oluşturmak zorunda değiliz her hangi bir youtube videosunu kendi web sayfamıza yerleştirmek için yapmamız gereken ilgili video altındaki Paylaş butonuna tıklamak ve karşımıza gelen pencereden iframe kodunu alıp sayfamıza eklemektir.

Sizlerde derslerden yararlanmak için forumu takip edebilir, konu altına yorumda bulunabilirsiniz.
 
Üst