Çoğu zaman, HTML sayfalarındaki girintilerin boyutunu belirtmek için CSS dilinin (Basamaklı Stil Sayfaları) yetenekleri kullanılır. HTML dilinin kendisinde, bazı durumlarda girinti ayarlamaya izin veren birkaç "ilkel" kalıntı olmasına rağmen. Aşağıda en sık kullanılan seçenekler yer almaktadır, ancak bunların yanı sıra, HTML belgelerinin standart olmayan işaretlemesi için girintiler ayarlamanıza izin veren oldukça fazla farklı türde hileler vardır.
Bu gerekli
Temel HTML ve CSS dilleri bilgisi
Talimatlar
Aşama 1
Girinti yapılacak sayfa öğesini belirleyin. Örneğin, metin … (blok) etiketinin içine yerleştirilmişse, bu blok bu metin için ana öğe olacaktır ve girinti bloğun kenarlarından sayılmalıdır. Metin (veya resim) herhangi bir blok (div, li, vb.) veya satır içi (span, p, vb.) öğelerin içinde değilse, üst öğesi belge gövdesi (gövde etiketi) olacaktır. Metin için bir üst öğenin tanımlanması gereklidir, çünkü girintileri oluşturan stillerin açıklamalarını ayarlaması gereken kişidir. Metninizin bir div bloğunun içine yerleştirildiğini varsayalım: Örnek metin
Adım 2
Kenar boşluklarını, yani bir öğenin kenarlarından bitişik öğelere ve ayrıca üst öğenin sınırlarına olan mesafeyi ayarlamak için CSS dili kenar boşluğu özelliğini kullanın. Bu mesafe, her iki taraftaki dolgu için ayrı ayrı ayarlanabilir: kenar boşluğu-üst - üstte, kenar boşluğu - sağda, kenar boşluğu-alt - altta, kenar boşluğu-sol - solda. Yukarıdaki örnek için bu css kodu şöyle görünebilir: div {
üst kenar boşluğu: 10 piksel;
sağ kenar boşluğu: 15 piksel;
kenar boşluğu-alt: 40 piksel;
sol kenar boşluğu: 70 piksel;
} Burada "div", bu stilin belge kodundaki tüm div'lere uygulanması gerektiğini belirten bir seçicidir. CSS sözdizimi, dört satırı tek bir satırda birleştirmenize izin verir: div {
kenar boşluğu: 10px 15px 40px 70px;
} Girintilerin değerleri her zaman şu sırayla belirtilmelidir: önce - üstte, sonra - sağda, altta ve solda Girintiler her tarafta aynıysa, değeri belirtmek yeterlidir kez: div {
kenar boşluğu: 70 piksel;
} Ayrıca, kayan bir yatay kenar boşluğu ayarlayabilirsiniz (yani, sol ve sağ). Bu, belirli bir genişlikte bir bloğu tam olarak tarayıcı penceresinin ortasına ayarlamanız gerektiğinde çok yararlı olabilir. Aşağıdaki CSS ifadesini yazarsanız, tarayıcının kendisi her iki tarafta ne kadar girinti olması gerektiğini otomatik olarak belirler: div {
kenar boşluğu: 0 otomatik;
}
Aşama 3
Bir öğenin kenarlığından metin de dahil olmak üzere içine yerleştirilen öğelere olan mesafe olan dolguyu ayarlamak için padding özelliğini kullanın. Bu özelliğin sözdizimi, margin özelliğiyle tamamen aynıdır: div {
üst dolgu: 10 piksel;
dolgu-sağ: 15px;
alt dolgu: 40 piksel;
sol doldurma: 70 piksel;
} Veya div {
dolgu: 10px 15px 40px 70px;
}
4. Adım
Metnin her paragrafının ilk satırı için ek girinti ayarlamak için text-indent özelliğini kullanın. Örneğin: div {
metin girintisi: 80 piksel;
}
Adım 5
Görüntüden dış öğelere sırasıyla yatay ve dikey girintiyi ayarlamak için HTML img etiketinin hspace ve vspace özniteliklerini kullanın. Örneğin, bunun gibi:
6. Adım
Tablodaki hücrelerin kenarlarından içeriklerine girintiyi ayarlamanız gerekiyorsa, tablo etiketinin cellpadding niteliğini kullanın. Ve cellpacing özelliği, tablo hücreleri arasındaki boşluğu ayarlar. Örneğin:
| 1 | 2 |
