ប្រើ HTML នៅក្នុងតារាង

នៅក្នុង HTML មានធាតុជាច្រើនដូច្នេះហើយពួកវាមានលក្ខណៈពិសេសតែមួយ។ តារាងនេះគឺជាវត្ថុគួរឱ្យចាប់អារម្មណ៍ខ្លាំងណាស់ទាមទារនិងជាវត្ថុសំខាន់។ សូមអរគុណដល់វាអ្នកមិនត្រឹមតែអាចផ្តល់ពត៌មាននៅក្នុងសំណុំបែបបទងាយស្រួលទេប៉ុន្តែក៏បង្កើតស៊ុមទាំងមូលនៃគេហទំព័រនេះ។

ពីមុនអ្នកគ្រប់គ្រងបណ្ដាញស្ទើរតែទាំងអស់ប្រើតារាងសម្រាប់ប្លង់វែបសាយ។ ដំបូងតារាងសម្រាប់ការនេះមិនត្រូវបានបង្កើតទេ។ ដូច្នេះដើម្បីសម្គាល់វែបសាយត៍អ្នកត្រូវប្រើធាតុប្លុក។

ប្រសិនបើអ្នកមិនចង់ក្លាយជាមនុស្សដែលមានលក្ខណៈថ្មីនោះអ្នកត្រូវតែប្រើអ្វីគ្រប់យ៉ាងភ្លាមៗ។ នេះមានសារៈសំខាន់ខ្លាំងណាស់នៅក្នុង HTML ។ នៅក្នុងតារាងអ្នកត្រូវតែដាក់ពត៌មានធម្មតា (អត្ថបទតំណភ្ជាប់បញ្ជីរូបភាព។ ល។ ) និងមិនមែនគេហទំព័រទាំងមូលទេ។

តើធ្វើដូចម្តេចដើម្បីបង្កើតតារាង HTML?

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

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

ឧទាហរណ៍នៃតារាងទី 2 ដល់ទី 2 ។

<ទទឹងតារាង = "100%" ព្រំដែន = "1">

<ត្រ>

អត្ថបទនៃក្រឡាទីមួយនៃបន្ទាត់ទីមួយ

អត្ថបទនៃក្រឡាទីពីរនៃបន្ទាត់ទីមួយ

<ត្រ>

អត្ថបទនៃក្រឡាទីមួយនៃបន្ទាត់ទីពីរ

អត្ថបទនៃក្រឡាទីពីរនៃបន្ទាត់ទីពីរ

ស្លាក <តារាង> និង បង្ហាញពីការចាប់ផ្តើមនិងការបញ្ចប់នៃតារាង។ ស្លាក និង គឺជាការចាប់ផ្តើមនិងបញ្ចប់នៃបន្ទាត់។ ក្នុងបន្ទាត់មួយអាចមានក្រឡាច្រើនដូចដែលត្រូវបានកំណត់ដោយស្លាក និង ។

ច្បាប់ចម្បង: ចំនួនក្រឡាក្នុងបន្ទាត់នីមួយៗគួរតែដូចគ្នា។ វាជាតុមួយ។

ប៉ុន្តែដូចក្នុងកម្មវិធីនិពន្ធ Word និង Excel កោសិកាអាចត្រូវបានផ្សំជាមួយគ្នា។

តើធ្វើដូចម្តេចដើម្បីបញ្ចូលក្រឡានៅក្នុងតារាង?

ដើម្បីផ្សំប្រើគុណលក្ខណៈ Colspan និង Rowspan ។ Span បកប្រែថាជា "ឱបក្រសោប" ឬ "ត្រួតលើគ្នា" ។ អត្ថន័យតាមព្យញ្ជនៈគឺដើម្បីគ្របដណ្តប់ / គម្របកោសិកា / បន្ទាត់។

ក្នុងតម្លៃនៃគុណលក្ខណៈនេះអ្នកត្រូវកំណត់ចំនួនជួរដេកឬក្រឡាដែលត្រូវបានទប់ស្កាត់។ ខាងក្រោមនេះគឺជាឧទាហរណ៍ដ៏ល្អនៃការប្រើ គុណលក្ខណៈ HTML ទាំងពីរក្នុងតារាងមួយ។

ក្នុងឧទាហរណ៍នេះនៅលើបន្ទាត់ទី 1 កោសិកា 3 ត្រូវបានបញ្ចូលគ្នាដោយប្រើគុណលក្ខណៈ colspan = "3" ។ បន្ទាប់មកក្រឡាទីមួយនៃជួរដេកទីពីរត្រូវបានទាញជាបួនបន្ទាត់។ សូមចងចាំថាយើងលាតសន្ធឹង / បង្រួបបង្រួមតែនៅក្នុងក្រឡាដំបូង។ ទ្រព្យសម្បត្តិរបស់វានឹងត្រូវបានពង្រីកបន្ថែមទៀត។ អ្វីគ្រប់យ៉ាងដែលកើតឡើងពីមុននឹងមិនប៉ះពាល់ឡើយ។

ប្រសិនបើអ្នកមានក្រឡា 5 ហើយចង់បញ្ចូលគ្នាពី 2 ទៅ 4 នោះអ្នកគ្រាន់តែត្រូវការបញ្ជាក់ពី attribute colspan = "3" នៅក្នុងក្រឡាលេខ 2 ។

ចំណាំលេខទូរស័ព្ទ 9 នៅក្នុងរូបភាពខាងលើ។ នៅទីនោះពួកគេបានរួមបញ្ចូលទាំងកោសិកានិងបន្ទាត់នៅពេលតែមួយ។ សកម្មភាពបែបនេះមិនត្រូវបានហាមឃាត់។

រកមើលឧទាហរណ៍មួយទៀតដើម្បីជួសជុលព័ត៌មាន។ ពីព្រោះគុណសម្បត្តិមួយចំនួនច្រឡំនិងជួនកាលផ្សំខ្សែអក្សរជំនួសឱ្យកោសិកា។

រចនាតារាង

យកករណី HTML ស្តង់ដារធម្មតា។ តារាងមានពីរជួរដេកនៃក្រឡាពីរ។

លទ្ធផលនៃកូដនេះនឹងមានដូចខាងក្រោម។

ដូចដែលអ្នកអាចឃើញមានផលប៉ះពាល់ទេ។ អ្នកអាចបន្ថែមស៊ុមមួយបញ្ជាក់ទទឹងនិងកម្ពស់។

អ្នកក៏អាចលេងជាមួយការតម្រឹម។ អ្នកអាចតម្រឹមកម្ពស់និងទទឹងបាន។

តម្រឹមសម្រាប់តម្រឹមផ្ដេកនិងតម្លៃសម្រាប់ការតម្រឹមបញ្ឈរ។ នេះគឺជាលទ្ធផល។

តម្រឹមនិងគុណលក្ខណៈគុណតម្លៃអាចត្រូវបានអនុវត្តទៅខ្សែអក្សរទាំងមូល។ បន្ទាប់មកកោសិកាទាំងអស់ដែលនៅក្នុងវានឹងត្រូវមានគុណលក្ខណៈទាំងនេះ។

ក្រៅពីស្លាក និង មានស្លាកបន្ថែម។ តាមពិតនេះគឺជាអាណាឡូកនៃ ប៉ុន្តែវាត្រូវបានប្រើតែនៅក្នុងបន្ទាត់ទីមួយនិងបម្រើជាបឋមកថាប៉ុណ្ណោះ។ តាមលំនាំដើមអត្ថបទនៅក្នុង គឺកណ្តាលនិងដិត។

របៀបភ្ជាប់រចនាប័ទ្មទៅតារាងមួយ?

ដូចជា ស្លាក HTML ណាមួយ ដែរ តារាងអាចត្រូវបានបម្លែងតាមរយៈរចនាប័ទ្ម។ អ្នកត្រូវបញ្ជាក់ឯកសាររចនាប័ទ្មក្នុងក្បាល ឬ រចនាប័ទ្មត្រៀមខ្លួនរួចជាស្រេច (ដែលបង្ហាញនៅក្នុងក្បាលផងដែរ) ។

<ក្បាល>

...

<រចនាប័ទ្មប្រភេទ = "text / css">

តារាង {

ក្រុមគ្រួសារពុម្ពអក្សរ: Verdana, Arial, Helvetica, sans-serif;

ពណ៌: # 000000;

}

.my_ class

{

ពណ៌: # 666666;

}

...

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

<ថ្នាក់តារាង = "my_class">

ចំណាំថាអ្នកអាចប្រើថ្នាក់សម្រាប់ទាំងស្លាកតារាងនិងសម្រាប់កោសិកាឬជួរដេកជាក់លាក់។

<តារាងថ្នាក់ = "style_table" width = "100%" border = "1">

អត្ថបទនៃក្រឡាទីមួយនៃបន្ទាត់ទីមួយ

អត្ថបទក្រឡាទីពីរនៃបន្ទាត់ទីមួយ

អត្ថបទនៃក្រឡាទីមួយនៃបន្ទាត់ទីពីរ

អត្ថបទនៃក្រឡាទីពីរនៃបន្ទាត់ទីពីរ

ប្រសិនបើមានកំហុសនៅកន្លែងណាមួយនៅក្នុងឈ្មោះរចនាប័ទ្មអ្នកនឹងមិនឃើញលទ្ធផលទេ។ ប្រសិនបើមានកំហុសក្នុងរចនាប័ទ្មខ្លួនវាប៉ុន្តែឈ្មោះស្របគ្នានឹងមិនមានប្រសិទ្ធិភាព។ សញ្ញាក្បៀសឬសញ្ញាពហុវចនៈនីមួយៗមានសារៈសំខាន់។

គុណលក្ខណៈបន្ថែមសម្រាប់តារាង

តើគុណលក្ខណៈអ្វីដែលអាចត្រូវបានសរសេរនៅក្នុងថ្នាក់រចនាប័ទ្ម? មានគុណលក្ខណៈជាច្រើនដែលអនុវត្តចំពោះតារាង។ ពិចារណានូវមូលដ្ឋានគ្រឹះបំផុតដែលអ្នកត្រូវការ។

តម្រឹម	ការតម្រឹមផ្ដេក
Valign	តម្រឹមបញ្ឈរ
ផ្ទៃខាងក្រោយ	រូបភាពផ្ទៃខាងក្រោយក្នុងក្រឡា / តារាង
Bgcolor	ពណ៌ផ្ទៃខាងក្រោយ ក្នុងក្រឡា
Bordercolor	ពណ៌ស៊ុម / ក្រឡា
កម្ពស់	កម្ពស់កោសិកា
Nowrap	ហាមការផ្ទេរអត្ថបទក្នុងបន្ទាត់។
ទទឹង	ទទឹងរបស់ក្រឡា / តារាង

ដូចដែលអ្នកអាចមើលឃើញអ្នកអាចប្រើ HTML នៅក្នុងតារាងដោយមាន "ឧបករណ៍" ជាច្រើន។

ការបង្កើតដ៏ស្រស់ស្អាតដោយប្រើតារាង HTML ។ ឧទាហរណ៏

សូមអរគុណដល់រចនាប័ទ្មអ្នកអាចបង្កើតតារាងដ៏ស្រស់ស្អាតជាច្រើន។ វាអាស្រ័យលើអ្វីដែលអ្នកចូលចិត្តនិងរបៀប។ វាដូចជាការចម្អិនអាហារ។ គ្រឿងផ្សំគឺដូចគ្នាប៉ុន្តែមានរូបមន្តជាច្រើន។

ដូចដែលអ្នកអាចឃើញប្រសិនបើអ្នកប្រើស្លាក HTML តារាងអាចត្រូវបានប្លែងភាពលើសពីការទទួលស្គាល់។ ដែនកំណត់នៃលទ្ធភាពត្រូវបានកំណត់ដោយការស្រមើលស្រមៃរបស់អ្នក។