Veb səhifələrdə yerləşdirilmiş cədvəllər yaradan HyperText Markup Language (HTML) təlimatları kifayət qədər çox sayda əlavə parametr təmin edir. Bu, digər blok elementlərindən fərqli olaraq ölçüləri yalnız CSS dilindən (Cascading Style Sheets və ya "Cascading Style Sheets") deyil, HTML-dən də istifadə edərək təyin etməyə imkan verir.
Təlimat
Addım 1
Cədvəlin genişliyini piksel şəklində göstərmək üçün cədvəl etiketinin eni atributundan istifadə edin. Etiket (HTML təlimatı) cədvəli bir açılışdan ibarətdir (
) aralarında cədvəlin sətirlərini və hüceyrələrini təşkil edən etiketlər olduğu hissələr. Siyahısı hər bir xüsusi etiket üçün beynəlxalq standartlarla müəyyənləşdirilən açılış etiketinə əlavə parametrlər (atributlar) yerləşdirilə bilər. Cədvəl etiketi üçün bu standartlar cədvəlin genişliyini piksel şəklində göstərən genişlik atributundan istifadə etməyə imkan verir. 500 piksel genişliyi təyin edən belə bir etiketi olan sadə bir cədvəlin HTML kodu belə görünə bilər:
| 1-ci hücrə | 2-ci hücrə |
Addım 2
Cədvəlin genişliyini piksellə deyil, faizlə göstərməyiniz lazımdırsa, width atributunun dəyərinə% işarəsi əlavə edin:
| 1-ci hücrə | 2-ci hücrə |
Xahiş edirik unutmayın ki, bu faizlər mütləq brauzer pəncərəsinin genişliyinə əsaslanmayacaqdır. Sənədin strukturu burada vacibdir - yuva qurduğu kukla yuvalandığından daha geniş ola bilmədiyi kimi, cədvəlin eninin 100% -i də ana elementin enindən çox ola bilməz. Məsələn, cədvəl div blokunun içərisindədirsə, bu blokun eni 100% qəbul ediləcəkdir.
Addım 3
Veb səhifədəki cədvəllər üçün eyni genişliyi mənbə kodunda bir yerdə təyin etmək istəyirsinizsə, üslub təsviri dili təlimatından istifadə edin. Bunu etmək üçün ilk növbədə HTML kodunun baş hissəsində (və arasında) CSS dil ifadələrini məhdudlaşdıran açılış və bağlanma etiketləri qoyun:
/ * CSS təlimatları burada olacaq * /
Sonra həmin etiketlər arasına aşağıdakı CSS-ləri qoyun: cədvəl {width: 100px;} Burada cədvəl göstərir ki, buruq mötərizələrin içərisinə qoyulmuş təsvir səhifə səhifə kodunda görünən bütün cədvəl etiketlərinə tətbiq olunmalıdır. Yaxşı, genişlik parametri genişliyi təyin edir. Burada da nisbi eni faiz olaraq istifadə edə bilərsiniz.
Addım 4
Genişliyi bütün cədvəllər üçün deyil, yalnız bir və ya bir neçə cədvəl üçün təyin etməyiniz lazımdırsa, CSS kodunda və HTML cədvəl etiketində sinif adını göstərin. Məsələn, bir qrup dar cədvəlin işarələndiyi sinifin kiçik olduğunu deyək. Sonra üslubunun təsviri belə görünə bilər: table.tiny {width: 100px;} Və HTML kodundakı cədvəllərdən birinin uyğun etiketi belədir:
| 1-ci hücrə | 2-ci hücrə |
