របៀបបង្កើតតារាង 2x2

តារាង HTML មានភាពងាយស្រួលក្នុងការបង្កើតនៅពេលដែលអ្នកយល់ពីមូលដ្ឋានគ្រឹះនៃជួរដេកនិងជួរឈរហើយនៅពេលអ្នកយល់ដឹងនៅពេលវាគ្មានបញ្ហាក្នុងការប្រើតារាងហើយនៅពេលអ្នកជៀសវាងវា។

ប្រវត្តិសង្ខេបនៃតារាងនិងរចនាគេហទំព័រ

ជាច្រើនឆ្នាំកន្លងមកហើយមុនពេលដែលអាចទទួលយកបាននៃស្តង់ដារ CSS និងស្តង់ដាអ្នករចនាគេហទំព័របានប្រើធាតុ HTML ដើម្បីបង្កើតប្លង់ទំព័រសម្រាប់គេហទំព័រ។ ការរចនាគេហទំព័រនឹងត្រូវបាន "កាត់ចោល" ទៅជាបំណែកតិចតួចដូចជាផ្ដុំរូបហើយបន្ទាប់មកបញ្ចូលជាមួយតារាង HTML ដើម្បីបង្ហាញនៅក្នុងកម្មវិធីរុករកដូចដែលបានគ្រោងទុក។ វាគឺជាដំណើរការដ៏ស្មុគស្មាញមួយដែលបានបង្កើតការសម្គាល់បន្ថែម HTML ហើយវានឹងមិនអាចប្រើបាននៅថ្ងៃនេះទេនៅក្នុង ពិភពពហុអេក្រង់ដែលគេហទំព័ររបស់យើងរស់នៅ ។ ជា CSS បានក្លាយជាវិធីសាស្រ្តដែលទទួលយកសម្រាប់ការមើលឃើញនិងប្លង់ទំព័របណ្ដាញការប្រើប្រាស់តារាងសម្រាប់រឿងនេះត្រូវបានគេគេចចេញហើយអ្នករចនាគេហទំព័រជាច្រើនបានយល់ច្រឡំថា "តារាងអាក្រក់" ។ នោះហើយជាការមិនពិត។ តារាងសម្រាប់ប្លង់គឺអាក្រក់ប៉ុន្តែពួកគេនៅតែមានកន្លែងមួយនៅក្នុងការរចនាគេហទំព័រនិង HTML ដូចជាបង្ហាញទិន្នន័យតារាងដូចជាប្រតិទិននៃកាលវិភាគរថភ្លើង។ សម្រាប់មាតិកានោះការប្រើតារាងគឺនៅតែជាវិធីសាស្ត្រដែលអាចទទួលយកបាននិងល្អ។

ដូច្នេះតើអ្នករៀបចំតារាងមួយយ៉ាងដូចម្តេច? តោះចាប់ផ្តើមដោយបង្កើតតារាង 2x2 ធម្មតា។ នេះនឹងមាន 2 ជួរឈរ (ទាំងនេះគឺជាប្លុកបញ្ឈរ) និងជួរដេក 2 (ប្លុកផ្ដេក) ។ បន្ទាប់ពីអ្នកបានបង្កើតតារាង 2x2 អ្នកអាចបង្កើតតារាងទំហំណាមួយដែលអ្នកចង់បានដោយបន្ថែមជួរដេកឬជួរឈរបន្ថែម។

ភាពលំបាក: មធ្យម

ពេលវេលាដែលត្រូវការ: 10 នាទី

នេះជារបៀប:

  1. ដំបូងបើកតារាង <តារាង>
  2. បើកជួរដេកដំបូងដែលមានស្លាក TR
  3. បើកជួរឈរទីមួយដែលមានស្លាក td
  4. សរសេរមាតិការបស់ក្រឡា
  5. បិទក្រឡាដំបូងនិងបើកទីពីរ
  6. សរសេរមាតិកានៃក្រឡាទីពីរ
  7. បិទក្រឡាទីពីរហើយបិទជួរដេក
  8. សរសេរជួរដេកទីពីរយ៉ាងជាក់លាក់ជាដំបូង
  9. បន្ទាប់មកបិទតារាង

អ្នកក៏អាចជ្រើសរើសបន្ថែមបឋមកថាតារាងទៅតារាងរបស់អ្នកដោយប្រើធាតុ ។ បឋមកថាតារាងទាំងនេះនឹងជំនួសបំណែក "ទិន្នន័យតារាង" នៅក្នុងជួរដេកតារាងទីមួយដូចនេះ:

អ្នកគាំទ្រលោកជេរ៉េមីអ្នកគាំទ្រ អ្នករចនា Jennifer អ្នកអភិវឌ្ឍន៍

នៅពេលដែលទំព័រនេះនឹងបង្ហាញនៅក្នុងកម្មវិធីរុករកនោះជួរដេកដំបូងដែលមានបឋមកថាតារាងនឹងតាមលំនាំដើមបង្ហាញជាអត្ថបទដិតហើយពួកវាត្រូវបានដាក់កណ្តាលនៅក្នុងក្រឡាតារាងដែលវាលេចឡើង។

ដូច្នេះតើវាគ្មានបញ្ហាទេក្នុងការប្រើតារាងក្នុង HTML?

បាទ - ដរាបណាអ្នកមិនប្រើវាសម្រាប់គោលបំណងប្លង់។ ប្រសិនបើអ្នកត្រូវការបង្ហាញព័ត៌មានជាតារាងនោះតារាងគឺជាវិធីមួយដើម្បីធ្វើដូច្នេះ។ ការពិតការជៀសវាងតារាងដោយសារតែភាពបរិសុទ្ធខុសឆ្គងមួយចំនួនដើម្បីគេចចេញពីធាតុអ៊ិនធឺណេតស្របច្បាប់នេះគឺជាការថយក្រោយដោយប្រើពួកវាសម្រាប់ហេតុផលប្លង់នៅថ្ងៃនិងអាយុនេះ។

និពន្ធយ Jennifer Kyrin ។ កែសម្រួលដោយលោក Jeremy Girard នៅថ្ងៃទី 8 ខែវិច្ឆិកាឆ្នាំ 16