Çox vaxt HTML səhifələrindəki girintilərin ölçüsünü təyin etmək üçün CSS dilinin (Cascading Style Sheets) imkanlarından istifadə olunur. HTML dilinin özündə bəzi hallarda girinti qoymağa imkan verən bir neçə "ibtidai" qalıq var. Aşağıda ən çox istifadə olunan seçimlər verilmişdir, lakin bunlardan əlavə HTML sənədlərinin qeyri-standart işarəsi üçün girintilər təyin etməyə imkan verən çox sayda müxtəlif fəndlər mövcuddur.
Vacibdir
HTML və CSS dilləri haqqında əsas biliklər
Təlimat
Addım 1
Girinti ediləcək səhifə elementini təyin edin. Məsələn, mətn etiketin içərisinə yerləşdirilmişsə … (blok), bu blok bu mətn üçün əsas element olacaq və girinti blokun hüdudlarından sayılmalıdır. Mətn (və ya şəkil) hər hansı bir blok (div, li və s.) Və ya satırda (span, p və s.) Elementlərin içərisində deyilsə, onun əsas hissəsi sənəd gövdəsi (gövdə etiketi) olacaqdır. Mətn üçün bir ana elementin təyin edilməsi zəruridir, çünki girintiləri əmələ gətirən üslubların təsvirlərini təyin etməlidir. Mətninizin div blokunun içərisinə yerləşdirildiyini düşünək: Nümunə mətn
Addım 2
Kenar boşluqlarını, yəni elementin sərhədlərindən bitişik elementlərə və eyni zamanda ana elementin sərhədlərinə qədər məsafəni təyin etmək üçün CSS dil marjı xüsusiyyətindən istifadə edin. Bu məsafə hər tərəfdəki dolğu üçün ayrılıqda təyin edilə bilər: margin-top - yuxarıda, margin-right - sağda, margin-bottom - aşağıda, margin-left - solda. Yuxarıdakı nümunə üçün bu css kodu belə görünə bilər: div {
margin-top: 10px;
margin-right: 15px;
margin-bottom: 40px;
margin sol: 70px;
} Burada "div" bu üslubun sənəd kodundakı bütün divlərə tətbiq edilməli olduğunu təyin edən seçicidir. CSS sintaksisi dörd sətri bir yerə birləşdirməyə imkan verir: div {
kənar: 10px 15px 40px 70px;
} Girintilərin dəyərləri həmişə bu ardıcıllıqla göstərilməlidir: əvvəlcə - yuxarıda, sonra - sağda, altda və solda. Girintilər hər tərəfdə eynidirsə, onda dəyəri göstərmək kifayətdir. bir dəfə: div {
margin: 70px;
} Bundan əlavə, üzən bir üfüqi kənarlıq (yəni sola və sağa) təyin edə bilərsiniz. Brauzer pəncərəsinin tam mərkəzində müəyyən bir genişlikdə bir blok qurmağınız lazım olduqda bu çox faydalı ola bilər. Brauzer özü avtomatik olaraq aşağıdakı CSS bəyanatını yazsanız, hər iki tərəfdə də nə qədər girinti olacağını təyin edir: div {
margin: 0 avtomatik;
}
Addım 3
Doldurma təyin etmək üçün doldurma xüsusiyyətindən istifadə edin, yəni elementin sərhədindən mətn daxil olmaqla içərisinə qoyulmuş hər hansı elementə qədər olan məsafədir. Bu xassənin sintaksisi margin xassəsi ilə tam eynidır: div {
dolgu üstü: 10px;
dolgu sağ: 15px;
dolgu-alt: 40px;
dolgu sol: 70px;
} Və ya div {
dolgu: 10px 15px 40px 70px;
}
Addım 4
Mətnin hər bəndinin birinci sətri üçün əlavə girinti təyin etmək üçün mətn girintisi xüsusiyyətindən istifadə edin. Məsələn: div {
mətn girintisi: 80 piksel;
}
Addım 5
Təsvirdən xarici elementlərə uyğun olaraq üfüqi və şaquli girintini təyin etmək üçün HTML img etiketinin hspace və vspace atributlarından istifadə edin. Məsələn, bu kimi:
Addım 6
Cədvəldəki hüceyrələrin sərhədlərindən onların məzmununa girintini təyin etməyiniz lazımdırsa, cədvəl etiketinin hüceyrə örtüyü atributundan istifadə edin. Və hüceyrə boşluğu atributu masa hüceyrələri arasındakı məsafəni təyin edir. Misal üçün:
| 1 | 2 |
