Cədvəlin brauzer pəncərəsinin bütün sahəsinə uzanmasına ehtiyac, məsələn, səhifə dizaynı masanın içinə qoyulduqda yaranır. Bu problemin həlli üçün mürəkkəb kod yazmaq tələb olunmur, ancaq veb səhifələrin işarələnməsinin bəzi xüsusiyyətlərinin nəzərə alınmasını tələb edir.
Zəruri
HTML haqqında əsas biliklər
Təlimat
Addım 1
Əvvəlcə yaxınlaşacaq əməliyyatın mənasını aydınlaşdırmalısınız. HTML kodunda cədvəl səhifələri bir-birinə daxil edilmiş cütləşdirilmiş etiketlər toplusudur (biri açılış və biri bağlanma). Hüceyrə etiketleri (
) simli etiketlər daxilində yerləşdirilir (
) və bunlar öz növbəsində masa etiketlərinə (
). Cədvəlin açılış etiketində genişliyini və hündürlüyünü həm mütləq vahidlərdə (piksel), həm də nisbi (faizlə) olaraq təyin edə bilərsiniz. Nisbi ölçülərlə cədvəlin ana elementinin eni və hündürlüyü 100% qəbul edilir. Bir cədvəli birbaşa səhifənin gövdəsinə yerləşdirsən (və bir təbəqədə, formada, digər cədvəldə və s. Deyil), onun ana elementinin ölçüləri səhifənin eni və hündürlüyü olacaqdır. Bu o deməkdir ki, masanı bütün boş yerə uzatmaq üçün bunun üçün 100% üfüqi və şaquli ölçülər təyin etməlisiniz.
Addım 2
İndi bunu HTML-də tətbiq etməyə başlaya bilərsiniz. Cədvəlin eni və hündürlüyü eni və hündürlüyü atributları ilə müəyyən edilir. Beləliklə, bütün istiqamətlərdə və məsələn, bir sətirdə iki hüceyrə olan ölçülərin 100% -ni göstərən masa kodu belə görünə bilər:
| masanın sol hücrəsi | masanın sağ hücrəsi |
Addım 3
Brauzerin səhifə kodunu oxumalı olduğu düzgün HTML standartını seçsəniz, cədvəlin uzanması üçün 100% en və hündürlüyün göstərilməsi kifayət edəcəkdir. Etiket sənədin ilk sətirinə yerləşdirilir. Aşağıdakı məzmunu olan bir etiketə ehtiyacınız var:
Addım 4
Kodunuzda bir məqam da nəzərə alınmalıdır: Varsayılan olaraq, səhifə pəncərənin kənarından bir neçə piksel ilə girintiyə məruz qalır, beləliklə cədvəl bütün səhifəni doldurduqdan sonra da bütün pəncərəyə uzanmayacaqdır. Bu lazımsız sahələri aradan qaldırmaq üçün səhifə gövdəsinin () açılış etiketindəki müvafiq atributlarda sıfır girintilər təyin edə bilərsiniz:
Addım 5
Yığıldıqda, ekranın bütün genişliyinə və hündürlüyünə qədər uzanan bir masa ilə bütün səhifə kodu belə görünür:
Dartılmış masa
| masanın sol xanası | masanın sağ hücrəsi |
