Sayfa Içinde Sayfa Nasıl Yapılır

İçindekiler:

Sayfa Içinde Sayfa Nasıl Yapılır
Sayfa Içinde Sayfa Nasıl Yapılır

Video: Sayfa Içinde Sayfa Nasıl Yapılır

Video: Sayfa Içinde Sayfa Nasıl Yapılır
Video: HTML Ders-3: Sayfa İçinde Sayfa Açma (iframe Etiketi) 2024, Nisan
Anonim

Köprü Metni Biçimlendirme Dili (HTML), bir sayfayı birkaç pencereye - "çerçevelere" bölme yeteneği sağlar. Çerçevelerin her birinin görüntülemek için kendi internet kaynağı olabilir. Bu mekanizma, diğer sitelerdeki sayfaları sitenizdeki sayfalara eklemek için kullanılabilir.

Sayfa içinde sayfa nasıl yapılır
Sayfa içinde sayfa nasıl yapılır

Bu gerekli

Metin düzenleyici Not Defteri

Talimatlar

Aşama 1

Bir sayfanın HTML kodu, tarayıcıya, sayfanın her bir öğesinin nerede görüntülenmesi gerektiğini ve nasıl görünmesi gerektiğini söyleyen bir dizi talimattır. Bu talimatlara "etiketler" denir ve bir veya daha fazla diğerini içeren bir sayfa oluşturmak için uygun etiket kümesini yazmanız gerekir. Sayfadaki tüm çerçeveler için bir kap oluşturan etiketlerle başlıyoruz:

Bunlar, konteynerin açılış ve kapanış etiketleridir - çerçeveleri oluşturan etiketlerin aralarına yerleştirilmesi gerekecektir. HTML'de etiketlerin "nitelikleri" vardır - bunlar, görüntülenmesi bu etiketi belirten sayfa öğesinin özellikleri hakkında ek bilgiler içerir. Kapsayıcının açılış etiketinde, tarayıcının sayfa alanını çerçeveleri arasında nasıl böleceği hakkında bilgi içeren bir öznitelik belirtmelisiniz:

Bu kod örneğindeki "cols" özniteliği, sayfanın dikey olarak iki kareye bölünmesi gerektiğini, soldakinin pencere genişliğinin %20'sini ve sağdakinin ise %80'ini kaplayacağını belirtir. "cols" özniteliği yerine "satırlar" özniteliğini belirtirseniz, sayfa yatay olarak bölünecektir:

Sayı yerine yıldız işareti (*) yazabilirsiniz:

Bu, ikinci kareye kalan tüm alanın verileceği anlamına gelir. Çerçeve boyutları yüzde olarak değil, sayfa düzeninde en sık kullanılan ölçü birimlerinde - "piksel" olarak belirtilebilir:

Adım 2

Container'a yerleştirilmesi gereken çerçevenin kendisinin HTML etiketi şu şekilde yazılır: "Frame" etiketinin "src" özelliği, tarayıcının bu çerçeveye yüklemesi gereken web sayfasının adresini içerir. Bu şekilde yazılan adrese "mutlak" denir - https:// protokolü ile başlar. Ancak bu, kendi sitenizin bir sayfasıysa ve aynı (veya alt klasör) klasörde bulunuyorsa, mutlak adresi belirtmeniz gerekmez, yalnızca dosya adı ve alt klasöre giden yol yeterli olacaktır. Böyle bir adres "göreli" olarak adlandırılacaktır: - Varsayılan olarak sayfadaki çerçeveler arasındaki sınırlar fare ile hareket ettirilebilir. Bu özellik noresize özniteliği tarafından devre dışı bırakılır: - Çerçeveler arasındaki marjların boyutunu belirleyen iki öznitelik vardır - marginheight dikey marjı (üst ve alt) ve marginwidth'i - yatay (sağ ve sol) olarak ayarlar: - Başka bir öznitelik kullanma - "kaydırma" - tarayıcıya çerçevenin kaydırma çubukları için kuralları söyleyebilirsiniz: "auto" değeri, kaydırma çubuklarının gerektiği gibi, yani içerik çerçeveye sığmadığında görünmesi gerektiğini belirtir. Değeri "evet" olarak ayarlarsanız, bu çerçeve her zaman kaydırma çubuklarına sahip olacaktır ve "hayır" değeri, aksine, kaydırma çubuklarının görüntülenmesini engeller - Kapta bulunan sayfalar, herhangi bir JavaScript komut dosyasıyla çalışıyorsa, Bitişik çerçevelerde işlem yapmak için çerçeveleri adlarına göre ayırt etmek gerekebilir. Çerçevenin adını içeren özniteliğe ad denir:

Aşama 3

Bu HTML tanımları, diğer sitelerden birkaç sayfadan basit bir sayfa oluşturmak için yeterlidir. Bunu yapmak için herhangi bir metin düzenleyiciye, örneğin standart bir Not Defteri'ne ihtiyacınız olacak. İçinde yeni bir belge oluşturun ve şu html etiketlerini yazın:

Ardından bu kodu bir htm veya html uzantısıyla kaydedin - örneğin, test.html. Her şey hazır, bu belgeyi bir tarayıcı ile açarsanız sonuç şöyle görünecektir:

İki çerçeveli sayfa
İki çerçeveli sayfa

4. Adım

Başka bir çerçeve türü daha var - "yüzer". Çerçevelere bölünmemiş, normal bir sayfanın içine yerleştirilebilir. Böyle bir çerçeve, boyutlarını tanımlayan ek genişlik ve yükseklik özelliklerine sahiptir. Bu etiketin kodu şöyle görünebilir:

Önerilen: