37 – Html iframe Kullanımı
iframe bir web sayfası içerisinde başka bir web sayfası gösterilir.
iframe başlangıç etiketi içerisinde src attribute ile gösterilmek istenen web sayfasının yolu yazılır.
Yine iframe başlangıç etiketi içerisinde width ile genişlik, height ile yükseklik belirtilebilir.
iframe başlangıç etiketi içerisinde tanımlanan title, iframe’in ne hakkında olduğu bilgisini sağlar.
Örnek Kullanım:
<iframe src="https://www.yazilimdili.net" title="Yazılım Dili Web Sayfası" width="100%" height="600px;"></iframe>Aşağıda yazilimdili.net sayfasını iframe ile burada gösterdik.
Html iframe genişlik ve yükseklik vermek
iframe etiketleri içerisinde width ile genişliği height ile yüksekliği belirtebiliriz. Bu değerleri pixel olarak belirtebileceğimiz gibi yüzde olarakta belirtebiliriz.
Örneğin iframe başlangıç etiketi içerisinde width=”100%” verirsek genişliği tam olarak kaplayacaktır.
Örnek
<html>
<head>
<title>Html iframe kullanımı</title>
</head>
<body>
<h3> Burası bir web sayfası</h3>
<p> web sayfamızın içeriği .... .... ..... ...</p>
<iframe src="iframe-demo.html" width="300px" height="300px"></iframe>
</body>
</html>iframe border (kenarlık) kaldırmak
iframe içerisinde style=”border:none” şeklinde bir tanımlama kenarlıkları kaldıracaktır.
Örnek
<html>
<head>
<title>Html İframe Kenarlık Kaldırmak</title>
</head>
<body>
<h3> Burası bir web sayfası</h3>
<p> web sayfamızın içeriği .... .... ..... ...</p>
<iframe src="iframe-demo.html" title="iframe demo sayfası" style="border:none;" width="300px" height="300px"></iframe>
</body>
</html>iframe border (kenarlık) eklemek
iframe başlangıç etiketleri içerisinde style attribute kullanılarak örneğin style=”border:1px solid red” şeklinde kenarlık eklenebilir.
Örnek
