farkmt2official 1
farkmt2official
Bvural41 1
Bvural41
noisiv 1
noisiv
Manwe Work 1
Manwe Work
kralhakan2009 1
kralhakan2009
Vahsi Uzman 1
Vahsi Uzman
Cancan.1234 1
Cancan.1234
Hikaye Ekle

Html İframe - Html Dersleri

  • Konuyu başlatan Konuyu başlatan VexraDev
  • Başlangıç tarihi Başlangıç tarihi
  • Cevaplar Cevaplar 0
  • Görüntüleme Görüntüleme 196

Ayyıldız2 | 2008 TR Yapısı • 1-99 Orta Emek Destan • Oto Avsız • 10 Temmuz 21:00 HEMEN TIKLA!

Html 5 'de iframe nedir ve nasıl kullanılır ? Youtube videosunu kendi web sitemize nasıl yerleştiririz?

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.

Kod:
<iframe        
       src="http://turkmmo.com"
frameborder="0">
</iframe>

Burada sadikturan.com 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.

Kod:
<iframe
  width="560"
height="315"
src="https://www.youtube.com/embed/9YYxvVawZdI"
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.
 

Şu an konuyu görüntüleyenler (Toplam : 0, Üye: 0, Misafir: 0)

Geri
Üst