HTML Iframe, iç içe geçmiş bir web sayfasını (web sayfası içindeki bir web sayfası) görüntülemek için kullanılır. HTML

Bir HTML iframe, dikdörtgen bölgedeki geçerli HTML belgesinin içine başka bir belgeyi gömer.

Web sayfası içeriği ve iframe içerikleri, JavaScript kullanılarak birbirleriyle etkileşime girebilir.

css listeleri

Iframe Söz Dizimi

Bir HTML iframe şununla tanımlanır:

 <iframe src="URL"></iframe> 

Burada 'src' niteliği satır içi çerçeve sayfasının web adresini (URL) belirtir.

iframe'in Genişliğini ve Yüksekliğini Ayarlayın

'width' ve 'height' özelliklerini kullanarak iframe'in genişliğini ve yüksekliğini ayarlayabilirsiniz. Varsayılan olarak öznitelik değerleri piksel cinsinden belirtilir ancak bunları yüzde olarak da ayarlayabilirsiniz. yani %50, %60 vb.

Örnek: (Piksel)

 <h2>HTML Iframes example</h2> <p>Use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe> 

Örnek: (Yüzde)

 <h2>HTML Iframes</h2> <p>You can use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe> 

iframe'in yüksekliğini ve genişliğini ayarlamak için CSS'yi de kullanabilirsiniz.

Örnek:

 <h2>HTML Iframes</h2> <p>Use the CSS height and width properties to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe> 

iframe'in kenarlığını kaldırın

Varsayılan olarak iframe'in çevresinde bir kenarlık bulunur. Nitelik ve CSS kenarlık özelliğini kullanarak kenarlığı kaldırabilirsiniz.

Örnek:

 <h2>Remove the Iframe Border</h2> <p>This iframe example doesn&apos;t have any border</p> <iframe src="https://www.javatpoint.com/"></iframe> 

Ayrıca iframe'in kenarlığının boyutunu, rengini ve stilini de değiştirebilirsiniz.

Örnek:

 <h2>Custom Iframe Border</h2> <iframe src="https://www.javatpoint.com/"></iframe> 

Bir bağlantı için Iframe Hedefi

iframe'i kullanarak bir bağlantı için hedef çerçeve ayarlayabilirsiniz. Bağlantının belirttiğiniz hedef özelliği, iframe'in name özelliğine atıfta bulunmalıdır.

dizi listesi sıralaması

Örnek:

 <h2>Iframe - Target for a Link</h2> <iframe src="new.html" name="iframe_a"></iframe> <p> <a href="https://www.javatpoint.com">JavaTpoint.com</a> </p> <p>The name of iframe and link target must have same value else link will not open as a frame. </p> 

Çıktı

yeni.hmtl çıktı kodu:

 p{ font-size: 50px; color: red;} <p>This is a link below the ifarme click on link to open new iframe. </p> 

iframe kullanarak YouTube videosunu yerleştirme

Ayrıca web sayfanıza YouTube videosunu kullanarak da ekleyebilirsiniz.

Web sayfanıza YouTube videosu eklemek için bazı adımlar aşağıda verilmiştir:

• Yerleştirmek istediğiniz YouTube videosuna gidin.
• Videonun altındaki PAYLAŞ ➦ seçeneğine tıklayın.
• Göm seçeneğine tıklayın.
• HTML kodunu kopyalayın.
• Kodu HTML dosyanıza yapıştırın
• Yüksekliği, genişliği ve diğer özellikleri değiştirin (gereksinime göre).

Örnek:

 <iframe src="https://www.youtube.com/embed/JHq3pL4cdy4" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <iframe src="https://www.youtube.com/embed/O5hShUO6wxs" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture">></iframe> 

Çıktı:

Java'da str.substring

Nitelikleri