Bir Web Sayfasını Bölmenin En Kolay Yolu

Temiz, iyi organize edilmiş, okunması kolay bir Web sayfası oluşturmak için temel bilgileri uygulayın. HTML 5 ve CSS 3 tüm basını elde edebilir, ancak başlıklar, paragraflar ve birkaç iyi yerleştirilmiş tablo gibi temel HTML öğeleri mesajınızı iletmek için bir sayfayı etkili bir şekilde bölebilir. Bir siteyi düzenlemenize yardımcı olacak birkaç kolay, kullanışlı etiket.

Başlıkları

Başlıklar, çeşitli boyutlarda, gözü tutuyor ve okuyucuları okumak istedikleri bilgilere göre gösteriyor. Kullanarak ana başlık ile başlayın

veya

etiketler:

Siteme Hoşgeldiniz

Alanı dikey olarak bölümlere ayırmak için alt düzey başlıklar kullanın. Başlıkları iki ya da üç boyutla sınırlayın;

için

ve en fazla üç veya dört bölüm.

Paragraflar

Paragrafı kullan

metni aşağıdaki bölümlere ayırmak için kullanılan etiket:

İlk paragraf metni…

İkinci paragraf metni…

Paragrafları küçük ve özlü tutun. Tipik Web okuyucular içeriği hızlı bir şekilde tararlar, bu yüzden sıkılmadan önce ilk cümle veya iki cümlenizdeki noktaya gelin ve başka bir bağlantıyı tıklayın.

Görüntüler

Birkaç iyi yerleştirilmiş görüntü, sayfanın mantıksal bölümlere bölünmesine de yardımcı olur. Sayfayı bölmek için sola ve sağa farklı yönelme. Mümkünse, stil ve çeşitlilik eklemek için başlıkları görüntülere dönüştürün. Resimler ayrıca bağlantıları ve düğmeleri değiştirmek için iyi çalışır.

Tablolar

Sayfayı yatay olarak bölmek için basit tablolar kullanın. Başlıktan sonra yerleştirilen tek bir tablo, sayfayı etkili bir şekilde iki veya üç bölüme böler. Aşağıdaki HTML kodunu kullanın:

Sol sütun içeriği buraya gider…

Merkez içeriği buraya gidiyor….

Doğru içerik buraya gidiyor…

Tablo, sayfayı% 20’yi alan bir sol sütunu, % 20’sini alan diğer bir sütunu ve aradaki orta sütunu doldurur. Valign niteliğini hatırladığınızdan emin olun, böylece her sütun en baştan başlar ve aşağı doğru akar. Bu özelliği unutun, içerik dikey olarak sayfanın ortasına hizalanır. İçeriği ekleyin ve sunum doğru görünene kadar sütun genişliklerini ayarlayın.

Çizgiler ve Kenarlıklar

"Olarak kodlanmış yatay bir kural

"tırnak işaretleri olmadan veya bir masanın etrafındaki bir kenarlık, bir kesiti vurgulayabilir veya gözü bir metin bloğuna çekebilir. Bunları dikkatli kullanın ve çizgi genişliklerini maksimum iki veya üç noktaya kadar tutun. Eklemek veya daraltmak için bu öğeleri deneyin Sunumdan

Beyaz boşluk

Boş satırlar ve sütunlar genellikle bir sayfayı diğer tüm biçimlendirmelerden daha iyi böler. Satır sonları, "olarak kodlanmış

"tırnak işaretleri olmadan, boş paragraflar, kendiliğinden kapanan etiketler olarak kodlanmış"

"tırnak işaretleri olmadan ve boş tablo sütunları metni ayırır ve mizanpajı okuyucuyu daha hoş hale getirir. Boş alan az bant genişliği alır ve gerçekten bir sayfayı bölmenin en kolay yoludur.