HTML боюнча сабак. клеткаларды бириктирүү

HTML-жылы үстөл - абдан колдо болгон нерсе. алар менен эч нерсе кыла албайт. Албетте, негизги максаты - столдун маалыматтар жайгаштырылган. Бирок сайттардын иштеп келе бердик. Бир кезде ал сайт базасын түзүү үстөл колдонуу өтө популярдуу болгон. Азыр адистер эмне үчүн эмес, аракет кылып жатат.

Tables анткени өзгөчөлүктөрү саны көп, алардын ар арыз таптым. Мисалы, абдан пайдалуу мүлк катар же тилке бириктирип, бурулуп.

Теориясына киришүү

HTML, клеткалардын союз эки сыпаты аркылуу пайда болот: коддон жана Текечер. Алар TD тег үчүн көрсөтүлгөн.

Келгиле, адегенде биз темага кирип кетпегиле чейин, ар бир үстөлгө түзүлүшүн карап көрөлү. Ар бир столдо бир сап бар, жана анын ичинде - клетка. алгач, бардык үстөлдөр клеткалардын бирдей санын камтышы керек экенин унутпа.

Жогоруда көрсөтүлгөн эки катар, үч клетканын ар бир көрсөткүч. Бул жалпы үстөл болуп саналат. Эгер кандайдыр бир кутуга болсо, клеткалардын бир аз санын терип, стол "кетип," жатат, баары туура көрсөтүлгөн жок.

HTML-тиркеме: тигинен жана туурасынан клеткаларды бириктирүү

сен үчүн бир нерсе бар болсо, клетка же кылдуу бир аз саны гана пайдаланылышы мүмкүн көрсөтүү. Ал эми анын ордуна чокусуна жакын жакынын жок нерсенин Сиз кошумча атрибуту тактоо керек. Сиз тилке комбайн болсо, анда коддон, саптарды, анда Текечер. сыпаттарына наркы сиз үчүн каалаган нерселердин санын көрсөтөт.

Сураныч, сиз чокусуна жакын элемент менен көрсөтүү керек деп белгилешет. Мисалы, жогорудагы сүрөттө сиз клетканы 1 жана 2-айкалыштыруу каалаган болсо, анда эки жылдын баасы менен клетка 1 коддон сыпаты менен конкреттештирүү зарыл. Жана орду номерин жок 2 же 3, бул мааниге ээ эмес.

Жыйынтык аны алып берет канча орун клетканы айтып турат. жарыяланбаган маани 1.

Бириктирүү клеткалар тик HTML стол эле негизинде ишке ашат. Жөн гана ээлеп турган мейкиндик сыяктуу тик болуп калат. төмөнкү сүрөттү кара.

Бул жерде, саны 43 менен клетка эки саптарды алат. Бул үчүн, сен бар атрибуттуу Текечер көрсөтүлөт. Эле эсте:

• Сап - сап.
• Col - колонна / тилке.
• Span - бирикмеси.

да, аны билип туруп, кандайдыр бир жол менен түшүнө алган үчүн жаратуучулардын, адам үчүн мүмкүн болушунча тилин алып алууга аракет кылып келет.

HTML, клеткалардын союз эки багыт боюнча берилиши мүмкүн: тигинен жана туурасынан. Бул үчүн биз да сыпатын аныктайт.

Бул сүрөттө эле жана бирикме кыла албайт деп айтылган: катар тирөөчтөрү, же эки катар кылып жана канча мамычаны.

HTML: клеткаларды бириктирилген. мисалдар

Келгиле, чоң үстөлдөргө канча комплекстүү мисалдар окуяны карап көрөлү. Сол жактагы Төмөндө бир үстөлгө түп нускасын орнотуу. Укук - экинчи катарда эки клетка аралашмасынан менен бир түрү. Ошентип, айкын жана жөнөкөй HTML-коду салыштыруу.

Ошондой эле клетканын ортосунда үч биригишет. Биринчи учурда коддон атрибуттуу клеткага №1 белгилейт. Мында, биринчи өзгөртүүсүз болот, экинчи коддон кошулуп, үч барабар.

Эгер бир эле катары менен бүт клеткаларды бириктирүү керек болсо, анда биринчи коддон = '5' көрсөтүп төрт ТД жок.

Көрүнүп тургандай, чындыгында, баары жөнөкөй. Эч нерсе татаал. Баарынан маанилүүсү, кунт коюп, биринчи жолу келген үстөлдөргө бардык кыйынчылыктарды түшүнүү үчүн, андан кийин эч кандай кыйынчылыктар пайда болбойт.

Сайт алкагында үстөлдү

HTML, клеткалардын биримдиги дайыма маалымат менен үзгүлтүксүз столдор (Сөзү же Excel менен) колдонулган эмес. Сайт дизайнерлер көп, бирок мурда сурамжылоолор сайттарына жайгаштыруу үчүн колдонушат.

Мисалы, сайттын схемаларын карап көрөлү. Бул долбоор - өтө жөнөкөй, жупуну. Бирок, ачык бирикменин колдонууга көрсөтө алабыз.

эки клетканын ар бири үч катар бир дасторкон башында бар болчу. Андан кийин, сайттын логотип, биринчи катарда эки клетка топтолгон коюп. Жыйынтык "кайып" эске кылсын.

анын ордуна улам бул долбоорго элементтерин жайгаштырууга мүмкүн эмес, жана аны эч нерсе чеги таштабайт. Бул абдан ыңгайлуу жана жөнөкөй. Ошондуктан, ал абдан популярдуу болгон. Эми, бул бөлүү теги блокторду түзүү сунуш кылынат.

жыйынтыктоо

Ал HTML стол клетка жакындашуубуз, сиз, ошонун баарын кыла алат экенин унутпа. Ал баарын сен каалагандай көз каранды жана аны уюштурууга келет. Маанилүүсү, адашып жете бербейт. Сиз бирикмелердин менен көп санда чоң дасторкон түзүүнү каалаган болсо, анда ал бир барак кагаздан же боекто баарын буруу сунушталат. Imposer башталгыч жардам болот.

Качан пайда тажрыйбасы, бул иш сиз оной эле башына аткара алат.