HTML Dərs. hüceyrələri Birləşdirən

HTML masalar - çox lazımlı maddə. Onlarla bir şey edə bilərsiniz. Əlbəttə ki, əsas məqsədi - bir masa məlumat yerləşdirilməsi. Amma sites developers daha getdi. bir zamanda bir site çərçivə yaratmaq üçün bir masa istifadə etmək çox məşhur idi. İndi mütəxəssislər bunu üçün çalışırıq.

Masaların çünki atributları sayda öz geniş tətbiq tapmışdır. Məsələn, bir çox faydalı əmlak satır və ya sütun birləşən çevirdi.

Nəzəriyyəsi Giriş

colspan və rowspan: HTML, hüceyrələri birliyi iki atributları vasitəsilə baş verir. Onlar td tag müəyyən edilir.

biz mövzu daxil delve əvvəl Əvvəlcə, hər bir masa strukturu təhlil edək. hər cədvəldə bir xətt və bu - mobil. ilkin bütün masalar hüceyrələrinin eyni sayda olmalıdır ki, unutmayın.

göstərilən iki satır yuxarıda üç hüceyrələri hər rəqəm. Bu ümumi masa. Əgər hər hansı bir qutusu varsa, masa "hərəkət" dir hüceyrələri kiçik bir sıra yazın, bütün düzgün nümayiş olunmayacaq.

HTML-Cədvəl: şaquli və üfüqi hüceyrələri daxil

Siz birləşməsi bir şey varsa, hüceyrələri və ya strings kiçik sıra istifadə edilə bilər müəyyən etmək. Lakin əvəzinə üst yaxın qonşu silinmiş maddə bir əlavə atributu müəyyən etmək lazımdır. Siz strings, onda rowspan sütun, sonra colspan, birləşdirmək bilər. bir atributu dəyəri siz daxil etmək istədiyiniz maddələr sayı göstərir.

Siz üst yaxın element müəyyən etmək lazımdır ki, unutmayın. Siz mobil 1 və 2 birləşdirmək istəyirdi Məsələn, yuxarıda rəqəm, siz iki dəyəri mobil 1 colspan atribut müəyyən etmək lazımdır. Və mövqeyi sayı 2 və ya 3 silmək, bu məsələ deyil.

Alt xətt siz olacaq nə qədər kosmik mobil demək ki. default dəyəri 1.

Birleştirme hüceyrələri şaquli HTML masa eyni prinsip yer tutur. Sadəcə işğal kosmik kimi şaquli baxılacaq. Aşağıdakı rəqəm baxın.

Burada, sayı 43 mobil iki strings edir. Bunu etmək üçün, siz atribut rowspan daxil. Just yadda:

• Row - sıra.
• Col - sütun / sütun.
• Span - Association.

yaradıcıları hətta bilmədən, birtəhər başa bilər ki, insan üçün mümkün qədər dil gətirmək üçün çalışdıq.

şaquli və üfüqi: HTML, hüceyrələri ittifaqı iki istiqamətdə edilə bilər. Bunu etmək üçün, biz də atributu daxil.

Yuxarıda rəqəm yalnız və dərnək edə bilər ki, bunları ifadə etdi: satır, sütun, və ya satır və sütun, həm də.

HTML: hüceyrələri daxil. nümunələri

Bizə böyük masalar daha mürəkkəb nümunələri mərhələ nəzərdən keçirək. sol Aşağıda müntəzəm masa orijinal versiyası seçin. A doğru - ikinci sıra iki hüceyrələri bir birləşməsi ilə bir variant. Belə ki, aydın və asan HTML-kodu müqayisə etmək.

Siz həmçinin hüceyrə mərkəzində üç birləşdirə bilər. Birinci halda colspan atributu mobil №1 göstərir. Burada ilk dəyişməz olacaq və ikinci üç bərabər, colspan əlavə.

bir bir sıra bütün hüceyrələri daxil etmək istəyirsinizsə colspan = '5' göstərir, sonra dörd td çıxarın.

Gördüyünüz kimi, əslində, hər şey sadədir. Heç mürəkkəbdir. Ən əhəmiyyətlisi, diqqətlə ilk dəfə masalar bütün pitfalls anlamaq üçün, və sonra heç bir problem yarana bilməz.

bir site çərçivə kimi Cədvəl

HTML, hüceyrələrin birliyi həmişə (Word və ya Excel) məlumat ilə müntəzəm masalar üçün istifadə olunur. Ana səhifə dizaynerlər tez-tez, amma əvvəl sorğular sites layout üçün onlara istifadə.

Məsələn, saytın layout hesab edir. Bu dizayn - çox sadə və primitiv. Amma aydın dərnək istifadə göstərmək olar.

iki hüceyrələri hər üç satır bir masa ilk var idi. Sonra saytın logo, ilk sırada iki hüceyrələri birləşdirilmiş edilmişdir yerləşdirmək. alt xətt "zirzəmi" yerləşdirilməsi üçün eyni etmək.

onun yerinə mümkün səbəbiylə dizayn elementləri yerləşdirmək, və heç bir şey onun hüdudlarından tərk edəcək. Bu, çox rahat və sadədir. Buna görə də, belə məşhur idi. İndi, bir div tag blokları yaratmaq üçün tövsiyə olunur.

nəticə

Və HTML masa mobil birləşmə, istədiyiniz nə edə bilər ki, unutmayın. Bu, bütün istədiyiniz nə asılıdır və necə təşkil etmək istəyirəm. Vacibdir ki, səhv deyil. Siz birliklər çox sayda böyük bir masa yaratmaq istəyirsinizsə, bu kağız parçası və ya Paint bütün cəlb etmək tövsiyə olunur. Imposer başlayanlar daha asan olacaq.

Zaman mənfəət təcrübə, bu əməliyyatlar asanlıqla baş edə bilərsiniz.