Web Siteleri Nasıl Formatlanır?

Etkili bir web sitesi, içeriği çekici biçimlendirme yoluyla okuyucularına iletmelidir. Kötü biçimlendirme, bir web sitesini çekici ve hatta okunamaz hale getirebilir. Köprü Metni Biçimlendirme Dili (HTML) ile, bir web sitesinin biçimlendirmesini tam istediğiniz gibi görünecek şekilde kontrol edebilirsiniz. Ayrıca, Basamaklı Stil Sayfaları (CSS), bir web sitesini harici bir stil sayfası kullanarak biçimlendirme olanağı sağlar. Aynı teknik, sitenizdeki birden çok sayfaya aynı stili uygulamak istiyorsanız kullanışlıdır.

HTML Biçimlendirme

Web sayfanızın çeşitli öğelerini konumlandırmak için tablolar oluşturun. Kullanın

tablonun kendisini başlatmak için etiketi. Kullanın Bir tablo satırını başlatmak için

satır içindeki tablo verisi hücresini oluşturmak için etiketi kullanın. Tablo veri hücreleri genellikle bir tablonun sütunları olarak düşünülebilir. Öğelerinizi uygun şekilde konumlandırmak için, tek tek satırların ve veri hücrelerinin yükseklik, genişlik, dolgu ve boşluk parametrelerini deneyin.

Metin içeren öğeler için etiketlerin içine metin efektleri ve font stili ekleyin. Örneğin, metni bir paragraf öğesinde biçimlendirmek istiyorsanız:

Bu, Comic Sans yazı tipinde paragrafın içeriğini oluşturur.

Bgcolor özelliğini kullanarak, etiketindeki tüm web sitenize bir arka plan ekleyin. Örneğin:

Bu, tüm sayfanın arka planını gül renginde oluşturur.

CSS ve Dış Stil Sayfaları

Not Defteri'nde yeni bir metin belgesi açın.

Yeni belgenizdeki her öğeyi biçimlendirin. Öğe etiketini, ardından bu öğeye stil eklemek için açık bir braketi kullanın. Örneğin:

p {

font-family: "comic sans ms";

arkaplan rengi :: # CC3366;

}

HTML belgenizdeki her paragraf Comic Sans yazı tipine ve gül arka plan rengine sahip olacaktır.

Birden fazla farklı öğe türünde veya bireysel durumlarda kullanılacak stilleri tanıtmak istiyorsanız bir kimlik veya sınıf kullanın. Bir kimlik yalnızca bir kez kullanılabilir ve "#" simgesiyle tanıtılır. Bir sınıf birden çok kez kullanılabilir ve "." İle gösterilir. sembolü. Örneğin:

.comicrose {

font-family: "comic sans ms";

arkaplan rengi :: # CC3366;

}

Bu sınıf, Comic Sans ile bir öğeyi ve kendi sınıfını çağırdığınız her yerde bir gül arka planını şekillendirmenizi sağlar. Örneğin, sayfanızın HTML kodunda

tanımlandığı şekilde bir paragrafa stil verir.

HTML kodunuzun bölümündeki harici bir stil sayfasına bağlantı verin. Örneğin: