មេរៀនលើ HTML ។ ការរួមបញ្ចូលកោសិកា

តារាងក្នុង HTML ដែល - ធាតុងាយស្រួលណាស់។ ជាមួយពួកវាអ្នកអាចធ្វើអ្វីបាន។ ជាការពិតណាស់ដែលជាគោលបំណងសំខាន់ - ដាក់ពក្នុងតារាងមួយ។ ប៉ុន្តែការអភិវឌ្ឍន៍នៃតំបន់បណ្ដាញដែលបានទៅបន្ថែមទៀត។ នៅពេលមួយដែលវាគឺជាការពេញនិយមយ៉ាងខ្លាំងក្នុងការប្រើប្រាស់តារាងមួយដើម្បីបង្កើតក្របខ័ណ្ឌតំបន់បណ្តាញ។ ឥឡូវនេះអ្នកជំនាញកំពុងព្យាយាមមិនឱ្យធ្វើដូច្នេះ។

តារាងបានរកឃើញរបស់ពួកគេដោយសារតែកម្មវិធីធំទូលាយនៃចំនួនធំនៃគុណលក្ខណៈ។ ឧទាហរណ៍អចលនទ្រព្យមានប្រយោជន៍ខ្លាំងណាស់បានប្រែក្លាយរួមបញ្ចូលគ្នារវាងជួរដេកឬជួរឈរ។

សេចក្តីផ្តើមទៅទ្រឹស្តី

ក្នុង HTML, ការរួបរួមនៃកោសិកានេះបានកើតឡើងដោយមធ្យោបាយនៃគុណលក្ខណៈពីរ: colspan និង rowspan ។ ពួកគេត្រូវបានបញ្ជាក់សម្រាប់ស្លាក TD នេះ។

មុនដំបូងសូមឱ្យយើងវិភាគរចនាសម្ព័ន្ធរបស់តារាងគ្នា, មុនពេលដែលយើងមើលប្រធានបទនេះ។ នៅក្នុងតារាងជារៀងរាល់គឺមានបន្ទាត់មួយនិងនៅក្នុងវា - កោសិកា។ សូមចាំថាដំបូងតុទាំងអស់ត្រូវតែមានចំនួនដូចគ្នានៃកោសិកា។

តួលេខខាងលើនេះបានបង្ហាញជួរដេកពីរនិងនៅក្នុងការគ្នានៃកោសិកាបី។ វាគឺជាតារាងធម្មតាមួយ។ ប្រសិនបើអ្នកមាននៅក្នុងប្រអប់ណាមួយ, វាយមួយចំនួនតូចរបស់ក្រឡាតារាងគឺ "ចេញ" ទាំងអស់នឹងមិនត្រូវបានបង្ហាញយ៉ាងត្រឹមត្រូវ។

HTML ដែលតារាង: បញ្ចូលក្រឡាចូលគ្នាបញ្ឈរនិងផ្ដេក

ដើម្បីបញ្ជាក់មួយចំនួនតូចនៃកោសិកាឬខ្សែអក្សរអាចត្រូវបានប្រើប្រសិនបើអ្នកមានអ្វីដែលត្រូវបញ្ចូលចូលគ្នា។ ប៉ុន្តែជំនួសឱ្យធាតុដែលបានលុបនៅក្នុងប្រទេសជិតខាងដែលនៅជិតបំផុតទៅកំពូលដែលអ្នកត្រូវការដើម្បីបញ្ជាក់គុណលក្ខណៈបន្ថែមទៀត។ ប្រសិនបើអ្នកបានបញ្ចូលគ្នានូវជួរឈរ, បន្ទាប់មក colspan នេះ, ប្រសិនបើខ្សែអក្សរ, បន្ទាប់មក rowspan ។ តម្លៃនៃគុណលក្ខណៈមួយបង្ហាញថាចំនួនធាតុដែលអ្នកចង់បញ្ចូលចូលគ្នាបាន។

សូមចំណាំថាអ្នកត្រូវបញ្ជាក់វានៅក្នុងធាតុដែលនៅជិតបំផុតទៅកំពូល។ ឧទាហរណ៍នៅក្នុងតួលេខខាងលើប្រសិនបើអ្នកចង់បញ្ចូលគ្នានូវក្រឡាដែលជា 1 និងទី 2, អ្នកចាំបាច់ត្រូវបញ្ជាក់នៅក្នុងគុណលក្ខណៈ colspan កោសិកា 1 ដែលមានតម្លៃពីរនាក់។ និងលុបទីតាំងចំនួន 2 ឬ 3, វាមិនមានជាបញ្ហា។

បន្ទាត់ខាងក្រោមគឺថាអ្នកប្រាប់កោសិកាទំហំច្រើនវានឹងទទួលបាន។ តម្លៃលំនាំដើមគឺ 1 ។

បញ្ចូលក្រឡាបញ្ឈរ HTML ដែលតុកើតឡើងនៅលើគោលការណ៍ដូចគ្នានេះ។ គ្រាន់តែមានទំហំកាន់កាប់នឹងត្រូវបានចាត់ទុកថាជាបញ្ឈរ។ សូមមើលការដោះស្រាយដូចខាងក្រោម។

នៅទីនេះក្រឡាដែលមានចំនួន 43 ត្រូវចំណាយពេលខ្សែអក្សរពីរ។ ដើម្បីធ្វើដូចនេះអ្នកបញ្ជាក់ rowspan គុណលក្ខណៈ។ គ្រាន់តែជាការចងចាំ:

• ជួរដេក - ជួរដេក។
• កូ - ជួរឈរ / ជួរឈរ។
• រយៈពេល - សមាគម។

អ្នកបង្កើតបានព្យាយាមដើម្បីនាំយកភាសាដែលអាចធ្វើបានដើម្បីឱ្យមនុស្សដូច្នេះសូម្បីតែដោយមិនដឹងថាវាដូចម្ដេចអាចយល់បាន។

ក្នុង HTML, ការរួបរួមនៃកោសិកានេះអាចត្រូវបានធ្វើរួចនៅក្នុងទិសដៅទាំងពីរ: បញ្ឈរនិងផ្ដេក។ ដើម្បីធ្វើដូចនេះយើងបានបញ្ជាក់គុណលក្ខណៈទាំងពីរ។

តួលេខខាងលើនេះគឺគ្រាន់តែថាហើយបានបញ្ជាក់ថាសមាគមនេះអាចធ្វើបាន: ជួរដេក, ជួរឈរឬជួរដេកនិងជួរឈរទាំងពីរ។

HTML: បញ្ចូលក្រឡាចូលគ្នា។ ឧទហរណ៍

សូមឱ្យយើងពិចារណាឧទាហរណ៍ដែលកាន់តែស្មុគស្មាញព្រឹត្តការណ៍នៅលើតុធំ។ ខាងក្រោមនៅខាងឆ្វេងកំណត់កំណែដើមនៃតារាងធម្មតា។ សិទ្ធិ - វ៉ារ្យ៉ង់ជាមួយនឹងការរួមបញ្ចូលគ្នានៃកោសិកាទាំងពីរនៅក្នុងជួរដេកទីពីរនេះ។ ដូច្នេះច្បាស់និងងាយស្រួលក្នុងការប្រៀបធៀបជា HTML កូដ។

អ្នកអាចបញ្ចូលគ្នាទាំងបីនេះនៅក្នុងកណ្តាលនៃកោសិកា។ នៅក្នុងករណីដំបូងគុណលក្ខណៈ colspan បញ្ជាក់ដៃនេះ№1។ នៅទីនេះជាលើកដំបូងនេះនឹងមានការផ្លាស់ប្តូរ, និងលើកទីពីរ បានបន្ថែមទៅ colspan ស្មើនឹងបី។

ប្រសិនបើអ្នកចង់បញ្ចូលក្រឡាទាំងអស់ក្នុងជួរដេកដើម្បីតែមួយបន្ទាប់មកយក TD បួនក្នុងដំបូងបង្ហាញថា = colspan '5 ។

ដូចដែលអ្នកអាចឃើញនៅក្នុងការពិត, អ្វីគ្រប់យ៉ាងគឺសាមញ្ញ។ គ្មានអ្វីស្មុគស្មាញ។ ដែលសំខាន់បំផុត, ដោយប្រុងប្រយ័ត្នពីលើកដំបូងដើម្បីយល់ពីចំនុចគ្រោះថ្នាក់ទាំងអស់នៃតារាង, ហើយបន្ទាប់មកមានបញ្ហាគ្មានមិនគួរកើតឡើង។

តារាងក្របខ័ណ្ឌតំបន់បណ្តាញ

ក្នុង HTML, ការរួបរួមនៃកោសិកាមិនត្រូវបានប្រើតែងតែសម្រាប់តារាងទៀងទាត់ជាមួយនឹងព (នៅក្នុង Word ឬ Excel,) ។ គេហទំព័ររចនាជាញឹកញាប់ប៉ុន្តែនៅមុនពេលការបោះឆ្នោតនេះបានប្រើឱ្យពួកគេសម្រាប់ប្លង់នៃគេហទំព័រនេះ។

ឧទាហរណ៍ពិចារណាប្លង់នៃតំបន់បណ្តាញនេះ។ ការរចនានេះ - សាមញ្ញណាស់និងបុព្វកាល។ ប៉ុន្តែអ្នកអាចបង្ហាញការប្រើប្រាស់នៃសមាគមនេះយ៉ាងជាក់លាក់។

កាលពីដើមមានតារាងបីជួរដេកនៃចំនួនពីរកោសិកានីមួយ។ បន្ទាប់មក, ដើម្បីដាក់ស្លាកសញ្ញាវែបសាយត៍ដែលជាកោសិកាពីរនៅក្នុងជួរដេកដំបូងត្រូវបានរួមបញ្ចូលគ្នា។ បន្ទាត់ខាងក្រោមគឺធ្វើដូចគ្នានេះដើម្បីសម្រុះសម្រួល "បន្ទប់ក្រោមដី" ។

ដោយសារតែកន្លែងរបស់ខ្លួនវាអាចដាក់ធាតុនៃការរចនា, ហើយគ្មានអ្វីនឹងមិនចាកចេញពីដែនកំណត់របស់ខ្លួន។ នេះគឺជាការងាយស្រួលនិងសាមញ្ញយ៉ាងខ្លាំង។ ដូច្នេះវាគឺជាការពេញនិយមដូច្នេះ។ ឥឡូវនេះវាត្រូវបានផ្ដល់អនុសាសន៍ដើម្បីបង្កើតប្លុកស្លាក div ។

សេចក្តីសន្និដ្ឋាន

ហើយសូមចាំថាការរួមបញ្ចូលគ្នារវាងក្រឡាតារាង HTML, អ្នកអាចធ្វើអ្វីដែលអ្នកចូលចិត្ត។ វាទាំងអស់គឺអាស្រ័យលើអ្វីដែលអ្នកចង់បាននិងពីរបៀបដែលអ្នកចង់រៀបចំវា។ សំខាន់, មិនទទួលបានការយល់ច្រឡំ។ ប្រសិនបើអ្នកចង់បង្កើតតារាងធំមួយដែលមានមួយចំនួនធំនៃសមាគម, វាត្រូវបានផ្ដល់អនុសាសន៍ដើម្បីគូរវាទាំងអស់នៅលើក្រដាសឬក្នុងការគូរគំនូរនេះ។ ចាប់ផ្តើម imposing វានឹងមានភាពងាយស្រួល។

នៅពេលដែលមានបទពិសោធចំណេញប្រតិបត្តិការទាំងនេះអ្នកអាចអនុវត្តនៅក្នុងក្បាលរបស់អ្នកបានយ៉ាងងាយស្រួល។