Bir iFrame Nasıl Ortalanır

Yayınlanan: 2022-04-20

Bir web sayfasına daha önce bir iFrame eklediyseniz, içeriğin istediğiniz gibi görüntülenmediğini görmenin ne kadar sinir bozucu olabileceğini bilirsiniz. HTML'ye aşina olanlar, muhtemelen bu mücadeleyi ve ilk etapta iFrame'leri dahil etme arzusunu anlıyorlar.

iFrame'lere aşina değilseniz, bunlar bir web sayfasından diğerine içerik görüntüleyen bir HTML öğesidir . Bir web sitesini ziyaret ederken, bilmiyor olsanız bile, muhtemelen daha önce bir iFrame görmüşsünüzdür. Çoğu iFrame, reklamverenin web sitesindeki bilgileri görüntüleyen reklamlardır. Diğerleri videolar, gönderiler ve hatta haritalar içerir. İster HTML'yi her zaman düzenleyin, ister kodlama yolculuğunuza yeni başlıyor olun, bu makale size bir iFrame'i ortalamak için bilmeniz gereken her şeyi öğretecektir.

İlk olarak, bir iFrame'in ne olduğunu ve neden bir iFrame'i ortalamak isteyeceğinizi derinlemesine açıklayacağız. Ardından, HTML ile ilgili bazı temel bilgileri ve iFrame'leri nasıl kullandıklarını ele alacağız. Son olarak, align niteliğini kullanarak web sayfanızda bir iFrame'i ortalama adımlarında size yol göstereceğiz.

iframe html

İçindekiler

iFrame Nedir?

iFrame, Satır İçi Çerçevenin kısaltılmış terimidir. Satır İçi Çerçeveler, diğer HTML öğelerinin yanı sıra Facebook veya YouTube gibi diğer web sitelerinden gelen kodları görüntüleyebilen HTML öğeleridir. Biraz daha basit bir ifadeyle, bir iFrame, bir web sayfasındaki içeriği başka bir web sayfasından görüntülemenizi sağlayan bir penceredir. iFrame'ler, bir şeyi web sayfanıza hızlı ve kolay bir şekilde dahil etmenin harika bir yolu olabilir. Biraz HTML bilgisi gerektirseler de, web sayfanızı geliştirmenin çok basit bir yolu olabilirler. Özellikle işletmeler, web sitelerinde iFrame'leri kullanmaktan yararlanabilir. Bağlantılar veya statik resimler yerine iFrame'ler, işletmenizin web sitesinin daha profesyonel görünmesini sağlayabilir. Diğer işletmelerin reklamlarını görüntülemek için kullanıldıklarında bile bir gelir kaynağı olabilirler.

iFrame'ler reklamları , YouTube videolarını, sosyal medya gönderilerini ve hatta çevrimiçi haritaları web sayfalarına dahil etmek için kullanılabilir. Bir iFrame kullanmak, bu içeriği doğrudan web sayfasında içerir; bu, bilgileri sürekli olarak güncellemeniz gerekmeyeceği anlamına gelir. Bunun yerine, kaynak materyalin yanında otomatik olarak güncellenecektir. Örneğin, bir sosyal medya gönderisini eklemek için bir iFrame kullanmak, okuyucuların gönderiye doğrudan erişmesini sağlar. Gönderi silinir, düzenlenir veya yeni etkileşimler kazanırsa, iFrame bunu yansıtır. Ekran görüntüleri bazı bilgileri gösterebilir, ancak bir iFrame kadar dinamik olmayacaktır. Bir ekran görüntüsü ayrıca içeriğin kendisine bir bağlantı içermez. Çoğu zaman, bir iFrame'e tıklamak sizi doğrudan kaynağına götürür. Bununla birlikte, bir iFrame'in birkaç dezavantajından biri, iFrame'lerin silinmesi durumunda içeriğe erişimi kaybedebileceği gerçeğidir.

Web Sayfamda Neden iFrame Kullanmak İstiyorum?

iFrame'ler, kullanıcıların içeriğe doğrudan erişmesini sağlayarak web sayfanızın genel görünümünü iyileştirir. Örneğin, iFrame'ler kullanılarak gömülü YouTube videoları doğrudan web sayfasında oynatılır. Web sayfasının bir bağlantıyı izlemesini veya videoyu aramasını beklemenize gerek yoktur. Bu sayede okuyucular sayfanızdan ayrılmak zorunda kalmadan bir video izleyebilirler. Bu, videoyu sayfanıza bir sayfa olarak ekleyerek yükleme süresini de kısaltabilir. Bir sayfanın yüklenmesi için geçen süre, bir web sitesinin aldığı trafik miktarını ciddi şekilde etkileyebilir .

Google Haritalar gibi şeyleri gömmek, onları aramak zorunda kalmadan kolayca yol tarifi sağlayabilir. iFrame'ler diğer web sayfalarına doğrudan eriştiğinden, talimatlar her zaman güncel olacaktır. Bu, turistik bir yerle ilgili bir makale gibi belirli bir konuma odaklanan herhangi bir web sayfasına yararlı bir ek olabilir. Benzer şekilde, işletmeler web sitelerinde Google Haritalar'a adreslerinin bir iğnesini eklemek isteyebilirler . Google Haritalar'ın bir iFrame'ini kullanmak, ziyaretçilere iFrame'i tıklayarak yol tariflerini hızlı bir şekilde alma seçeneği sunar.

bir iframe'i ortala

Bir iFrame'i ortalayın

iFrame'ler, bir web sayfasının işlevini ve görünümünü geliştirmek içindir, bu da onları doğru bir şekilde birleştirmeyi çok önemli hale getirir. YouTube videonuz veya sosyal medya yayınınız, bir web sayfasında ortalanmamışsa garip görünebilir. İşletmelerin özellikle web sitelerinin görünümünü dikkate almaları gerekir. İçerik web sitenizi önemli ölçüde iyileştirebileceğinden, doğru görüntülendiğinden emin olmak istersiniz. Aksi takdirde, web siteniz çok profesyonel veya iyi yapılmış görünmeyebilir. Neyse ki, bir iFrame'i ortalamak basittir. Tek ihtiyacınız olan biraz yüzey seviyesinde HTML bilgisi.

iFrame HTML'si

HTML veya Köprü Metni Biçimlendirme Dili , bir web tarayıcısına bir web sitesinin belirli bir sayfasını nasıl görüntüleyeceğini söyleyen bilgidir. Kod bölümleri eklenerek veya silinerek düzenlenebilen ve değiştirilebilen uzun bir kod dizisinden oluşur. Bu değişiklikler, web sayfasının nasıl görüntülendiğini ve işlevini etkiler.

HTML, etiketlerden, öğelerden ve niteliklerden oluşur. Etiketler, bir öğenin etrafındaki başlangıç ve bitiş kodudur. Web tarayıcısına bir öğenin nerede başlayıp nerede bittiğini söylerler. Bu, öğenin diğer kodlar arasında kaybolmadan düzgün ve eksiksiz bir şekilde ifade edilmesini sağlar. Elementler, bir web sayfasında ifade edilecek yapılardır. Örneğin, iFrame'ler bir HTML öğesidir. İki etiket arasına yerleştirildiğinde, bir HTML kodundaki bir iFrame öğesi web sitenizde bir iFrame görüntüler. Son olarak, nitelikler bir öğenin nasıl görüntüleneceğini etkiler. Bunlar boyutu, konumu etkileyebilir ve hatta resimlere eklenen metinleri içerebilir.

Bir web sitesinin HTML kodunu düzenlemek, görünümünü ve işlevini değiştirir. HTML düzenleme, NotePad veya KompoZer gibi bir HTML düzenleyici içerebilir. Bu düzenleme programlarında, kodunu doğrudan düzenleyerek HTML'nizde değişiklik yapabilirsiniz. Bu, özellikle teknoloji konusunda bilgiliyseniz, web sitenizi oluşturmanın veya geliştirmenin harika bir yoludur. HTML'nizi kendiniz düzenlemek size resimler ekleme , metni değiştirme ve iFrame'leri dahil etme yeteneği verir .

iframe nasıl ortalanır

iFrame'i Web Sitenizde Kullanma

Web sitenize bir iFrame eklemenin ilk adımı, görüntülemek istediğiniz içeriği bulmaktır. Bir YouTube videosu eklemek istiyorsanız, "paylaş" düğmesini tıklayın. Bu size videoyu paylaşmak için birkaç seçenek sunmalıdır. “Göm” yazan seçeneğe tıklayın . Bu düğmeyi tıklamak, eklemek isteyeceğiniz tam iFrame HTML metnini getirecektir. Şimdi tek yapmanız gereken bu bilgiyi kopyalayıp HTML'nize yapıştırmak. Benzer şekilde, sosyal medya gönderileri de gönderi yerleştirme seçeneklerine sahip olacak.

Diğer içerik türleri için, HTML'nizde bir web sitesine bağlantı kullanmak daha kolay olabilir. Bu tür iFrame'i web sitenize dahil etmek için tercih ettiğiniz HTML düzenleyiciyi açarak başlayın. Editörünüzde, iFrame'inizi eklemek istediğiniz kodu bulun. “<iframe src=" yazarak başlayın. Buradaki "src" kaynak anlamına gelir, bu nedenle aşağıdakilerin iFrame'de görüntülenen içeriğin kaynağı olduğu varsayılır. Burası, göstermek istediğiniz içeriğin bağlantısını kopyalayıp yapıştırmak isteyeceğiniz yerdir. Bağlantı, bağlantının olduğu yerde biten tırnak işaretleri içinde olmalıdır.

Kaynağı tırnak içine aldıktan sonra, iFrame için istediğiniz yüksekliği ve genişliği ekleyin. Bir iFrame'in yüksekliği ve genişliği genellikle piksel cinsinden ölçülür, ancak yüzde olarak da ölçülebilir. Son olarak, “iFrame>” yazarak bu iFrame etiketini kapatın. Bunu doğru yaptıysanız, web sitenizde başarılı bir iFrame görüntülenmesi gerekir! Artık bir iFrame oluşturduğunuza göre, bunun sayfanızda ortalandığından emin olun.

iFrame Hizalama Merkezi

Bir iFrame'i ortalamak, web sayfanızın nasıl göründüğünün çok önemli bir parçasıdır. Bir iFrame yaratma çabasını sürdürmek, yalnızca biraz kapalı olması için inanılmaz derecede sinir bozucu olabilir. Neyse ki, bir iFrame'i ortalamak, sıfırdan bir iFrame oluşturmaktan bile daha kolay! Bir iFrame oluşturmak gibi, HTML'nizi düzenlemenizi gerektirir.

HTML düzenleyicinizi açın ve ortalamak istediğiniz iFrame'i bulun. Bu iFrame kodunun içine "align=center" yazın. Bu, sayfanıza iFrame'i ortalamasını söyleyecektir. Ayrıca, sayfada yüksekliğini ve genişliğini düzenleyerek resmi ortalayabilirsiniz. Yine, bunlar piksel veya yüzde olarak ölçülebilir.

Hatta ortalanmasını istemiyorsanız iFrame'inizi farklı şekilde hizalayabilirsiniz. Orta yerine, “align=”dan sonra “sol”, “sağ”, “alt” veya “üst” yazın. iFrame'iniz bu metne göre uygun şekilde yerleştirilecektir. Bunun için kullanılan araca “align niteliği” denir. align niteliği, iFrame'inizin konumunu değiştirmeyi çok basit hale getirir. iFrame'leri ortalamak önemli içerik için harika olsa da, reklamları görüntülemek için kullanılanlar gibi bazı iFrame'ler bir web sayfasının yan tarafına daha uygun olabilir.

iframe hizalama merkezi

iFrame'leri Merkezleme

iFrame'ler, içeriği web sitenize karıştırmanın harika bir yoludur, ancak tam olarak doğru görünmesini sağlamak zor olabilir. Basitçe iFrames kodunu açın ve öğeye "align=center" ekleyin. Artık web sayfanızın içeriğini nasıl görüntüleyeceği üzerinde daha fazla kontrole sahip olabilirsiniz. iFrame'lerde görüntülenen içerik, web sayfanızın genel görünümü ve işlevi için büyük bir gelişme olabilir. iFrame'ler başka bir web sitesinin bilgilerine açılan pencereler olarak hizmet ettiğinden, web sayfanız her türlü önemli bilgiyi tek bir yerde toplayabilir. Reklamlar, videolar ve haritaların tümü, HTML aracılığıyla web sayfanıza kolayca eklenebilir.