តើធ្វើដូចម្តេចដើម្បីធ្វើឱ្យតុមួយក្នុង HTML: ជាសេចក្តីលម្អិតនៃ

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

ជ្រើសរើសយកកម្មវិធីនិពន្ធ

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

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

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

ក្បួនដោះស្រាយសម្រាប់ការបង្កើតតារាង

ដើម្បីចាប់ផ្តើមធ្វើឱ្យក្បួនដោះស្រាយការខ្លីមួយ, របៀបដើម្បីធ្វើតុមួយក្នុង HTML ។ នេះគឺដើម្បីធានាថាអ្នកយល់ពីលំដាប់នៃជំហាននីមួយ។ បន្ទាប់មកវិភាគច្បាស់អំពីរបៀបដើម្បីអនុវត្តការគ្នានៃធាតុ។

ចូរចាប់ផ្តើមជាមួយនឹងសកម្មភាពរៀបចំ។

1. គំនូរ schematic លើរូបភាពតុក្រដាស។

2. រាប់ចំនួនជួរដេកនិងកោសិកា។ ប្រសិនបើចំនួននៃអតីតកាលផ្សេងគ្នា - គិតពី ryadochka គ្នាដោយឡែកពីគ្នា។

3. កំណត់ចំនួននៅក្នុងកោសិកាបឋមកថាជួរដេក (ឧទាហរណ៍«№»ដៃ, "ឈ្មោះ" និង t ។ ឃ) ។

4. សរសេរប៉ារ៉ាម៉ែត្រសំខាន់នៃតារាង - ណ៍កម្ពស់និងទទឹង, តម្រឹមអត្ថបទ - នៅក្នុងរយៈពេលខ្លី, អ្វីគ្រប់យ៉ាងដែលអ្នកហាក់ដូចជាសម។

បន្ទាប់មកចូលទៅដោយផ្ទាល់ទៅការបង្កើតតារាងនេះ:

1. បញ្ចូលតារាងស្លាក។

2. បញ្ចូលស្លាកនៃបន្ទាត់ដែលមានមូលដ្ឋានលើចំនួនទឹកប្រាក់ដែលអ្នកត្រូវការនោះ។

3. ស្លាកជួរដេកដែលបានបញ្ចូលនៃកោសិកា (ធម្មតានិងអក្សរធំ) ផងដែរនៅលើមូលដ្ឋាននៃចំនួនទឹកប្រាក់ដែលបានកត់ត្រានៅលើក្រដាសនេះ។

4. កំណត់ប៉ារ៉ាម៉ែត្រសម្រាប់តារាងទាំងមូល។

5. បើអ្នកត្រូវការកំណត់ប៉ារ៉ាម៉ែត្រសម្រាប់ការកោសិកាបុគ្គល។

6. បំពេញនៅក្នុងអត្ថបទកោសិការបស់យើង។

បង្កើតតារាងមួយ

ដូច្នេះអ្នកជ្រើសរើសយកកម្មវិធីនិពន្ធ, ឥឡូវនេះចូរយើងក្រឡេកមើលពីរបៀបដើម្បីបង្កើតតារាងមួយក្នុង HTML ។ ស្លាកដែលអនុញ្ញាតឱ្យតារាង (<តារាង>) ត្រូវបានបញ្ចូលទៅកូដទំព័រនេះត្រូវបានគូដែលជាការសាងសង់របស់យើងចាប់ផ្តើមដោយស្លាកនេះនិងបញ្ចប់ជាមួយ ។

បញ្ចូលតារាងស្លាកបន្តដើម្បីបង្កើតជួរដេកនិងកោសិកា។

ឥឡូវនេះយើងចំណាំថាធាតុទាំងនេះត្រូវបានគូផងដែរ។ ស្លាក កំណត់ខ្សែអក្សរមួយ, និង - កោសិកា។

សម្រាប់កោសិកាខាងលើត្រូវបានគេប្រើធាតុគួរត្រូវបានគូ <ទី> ។

ដូចដែលបានបញ្ជាក់រួចហើយជំហានដំបូងគឺការគូរបន្ទាត់មួយ, បន្ទាប់មកពួកគេមានដើម្បីចុះឈ្មោះកោសិកា។ ក្នុងគោលបំណងដើម្បីជៀសវាងការភាន់ច្រលំ, វាគឺជាទីប្រឹក្សាដើម្បីធ្វើចន្លោះរវាងប្លុកនីមួយណាមួយនៅក្នុងបន្ទាត់មួយឬពីរឬផ្សេងទៀតដើម្បីចេញវេជ្ជបញ្ជាធាតុប្លុកថ្មីមួយដោយប្រើ "ផ្ទាំង" កូនសោ។

របៀបដែលវាអាចមើលទៅដូច? អ្វីមួយដូចនេះ:

• <តារាង>;
• ;
• <ទី> №ទំ / p ;
• <ទី> ឈ្មោះ ;
• ;
• ;
• 1 ;
• Ivanov ;
• ;
• ។

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

យើងត្រូវបានរុះរើដើម្បីបង្កើតតារាងមួយក្នុង HTML, ឥឡូវនេះយើងអាចផ្លាស់ទីលើប៉ារ៉ាម៉ែត្រទាំងពីរម៉ាទ្រីសនិងជួរដេកនិងកោសិការបស់ខ្លួន។

ជម្រើសតារាង

នៅពេលដែលកូដនេះត្រូវបានសរសេរ, វាគឺជាការចាំបាច់ក្នុងការយកចិត្តទុកដាក់ពិន្ទុដូចខាងក្រោម: តម្រឹមនៅក្នុង តារាងរបស់ HTML, ណ៍នៃ ការស៊ុមផ្ទៃខាងក្រោយអត្ថបទនិងដូច្នេះនៅលើ។

ប៉ារ៉ាម៉ែត្រនេះត្រូវបានបញ្ជាក់នៅក្នុងស្លាកតារាង <តារាង> ។ ទាំងនេះរួមមាន:

1. ព្រំដែន - ទទឹងព្រំដែន។ ដែលបានកំណត់ដោយចំនួនគត់។ តាមលំនាំដើម, ព្រំដែនតារាងណាមួយបាត់។

2. Bordercolor - ណ៍ពីព្រំដែន។ វាអាចត្រូវបានផ្តល់ឱ្យជាណ៍ប្រព័ន្ធគោលដប់ប្រាំមួយ (# 00008B), និងឈ្មោះរបស់គាត់នៅលើ angliykom (DarkBlue) ។ តាមលំនាំដើមនេះវាគឺតែងតែប្រផេះ។

3. bgColor - ផ្ទៃខាងក្រោយ។ ដូចដែលបានបញ្ជាក់ដោយលេខកូដឬឈ្មោះ។

4. តម្រឹម - តម្រឹមអត្ថបទសម្រាប់តារាង។ លំនាំដើម - នៅខាងឆ្វេង។ មានជម្រើសដូចខាងក្រោមសម្រាប់ប៉ារ៉ាម៉ែត្រនេះគឺ:

• ខាងឆ្វេង - រុំខាងស្ដាំ;
• នៅខាងស្ដាំ -obtekanie ទៅខាងឆ្វេង;
• កណ្តាល - តារាងលទ្ធផលនៅពាក់កណ្តាលដោយមានលំហូរទេ។

5. ទទឹងនិងកម្ពស់ - ទទឹងនិងកម្ពស់របស់តារាង។ វាអាចជាភីកសែលឬជាភាគរយ (ទាក់ទងទៅនឹងទំហំបង្អួចកម្មវិធីរុករក) ។

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

ក្នុងនាមជាសម្រាប់ការណ៍របស់អត្ថបទបន្ទាប់មកធ្វើឱ្យចេញវានៅក្នុងវិធីដូចគ្នាជាអត្ថបទធម្មតាក្នុងទ្រង់ទ្រាយ HTML ។

ឧទាហរណ៍នៃតារាងមួយ:

• <ស៊ុមតារាង = "2" bordercolor = "# 00008B" bgColor = "#FFFFFF" align = "center" ទទឹង = "800" height = "800">;
• ;
• <ទី> №ទំ / p ;
• <ទី> ឈ្មោះ ;
• ;
• ;
• 1 ;
• Ivanov ;
• ;
• ។

ជួរដេកប៉ារ៉ាម៉ែត្រ

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

ប៉ារ៉ាម៉ែត្របន្ទាត់មានចែងទុកក្នុងស្លាក ក្នុងវិធីតែមួយដូចតារាងទិន្នន័យ។ បន្ទាត់អថេរដូចខាងក្រោមនេះអាចត្រូវបានកំណត់:

1. ទៅកាន់អ្នកដែលគេស្គាល់រួចទៅហើយព្រំដែន, bordercolor និង bgColor ។

2. តម្រឹម - តម្រឹមអត្ថបទនៅក្នុងបន្ទាត់។ វាអាចត្រូវបានកំណត់ទៅឆ្វេងកណ្តាលនិងខាងស្ដាំ។

3. Valign - តម្រឹមអត្ថបទដែលមានស្លាកនេះបញ្ឈរ។ វាត្រូវចំណាយពេលតម្លៃដូចខាងក្រោម:

• កំពូល - អត្ថបទត្រូវបានតម្រឹមទៅព្រំដែនខាងលើនេះ;
• ពាក់កណ្តាល - នៅកណ្តាល;
• បាត - គែមបាត។

បោសសំអាតបន្ទាត់ឧទាហរណ៍:

• <ព្រំដែន TR = "3" bordercolor = "# 00007F" bgColor = "# FFFFE0" align = "center" valign = "កណ្តាល">;
• <ទី> №ទំ / p ;
• <ទី> ឈ្មោះ ;
• ។

កោសិកាប៉ារ៉ាម៉ែត្រ

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

1. Colspan - ប៉ារ៉ាម៉ែត្រនេះបញ្ជាក់ចំនួនជួរឈរសម្រាប់ក្រឡាដែលអាចពង្រីកបាន។

2. Rowspan - រួចហើយបានបង្ហាញពីចំនួននៃជួរដេកដែលបានកាន់កាប់ដោយកោសិកានេះ។

ចាប់តាំងពីការរចនានេះគឺមិនខុសគ្នាពីបន្ទាត់វេជ្ជបញ្ជានោះវានឹងមិនមានលទ្ធផលនៅក្នុងកូដគំរូ។

ការរកឃើញ

ធ្វើឱ្យតារាងគឺមិនមានការលំបាកដូចដែលវាអាចហាក់ដូចជានៅ glance ដំបូង។ រឿងសំខាន់នៅពេលសរសេរកូដរបស់ខ្លួន - ការព្យាយាមនិងយកចិត្តទុកដាក់។

ក្នុងនាមជាសម្រាប់របៀបដើម្បីបញ្ចូលតារាងមួយក្នុង HTML បន្ទាប់មកលេខកូដរបស់ខ្លួនគឺគ្រប់គ្រាន់ដើម្បីចម្លងនិងបិទភ្ជាប់វាទៅក្នុងកន្លែងនៃទំព័ររបស់អ្នក, នៅក្នុងការដែលនៅក្នុងគំនិតរបស់អ្នកគួរតែត្រូវបានដាក់។

កុំភ័យខ្លាចដើម្បីដកពិសោធន៍និងការឆាប់អ្នកត្រូវបានស្ទាត់ជំនាញបច្ចេកទេសនៃការបង្កើតយ៉ាងល្អឥតខ្ចោះតុ។ សូមសំណាងល្អ!