របៀបប្រើ HTML និង CSS ដើម្បីបង្កើតផ្ទាំងនិងគម្លាត

ក្រឡេកមើលរបៀបដែលទំហំសនៅក្នុង HTML ត្រូវបានចាត់ទុកដោយកម្មវិធីរុករក

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

ជាអកុសលវិធីរុករកដែលមានទំហំពណ៌សមិនមានលក្ខណៈច្បាស់លាស់ទេជាដំបូងប្រសិនបើអ្នកចូលមកក្នុង HTML ហើយប្រៀបធៀបវាទៅនឹងរបៀបដែលទំហំពណ៌សត្រូវបានគ្រប់គ្រងនៅក្នុងកម្មវិធីដំណើរការពាក្យដែលអ្នកអាចនឹងស្គាល់កាន់តែច្បាស់។

ក្នុងកម្មវិធីដំណើរការអត្ថបទអ្នកអាចបន្ថែមគម្លាតឬផ្ទាំងជាច្រើននៅក្នុងឯកសារហើយគម្លាតនោះនឹងត្រូវបានបង្ហាញនៅក្នុងការបង្ហាញមាតិការបស់ឯកសារ។ នេះមិនមែនជាករណីដោយប្រើ HTML ឬក៏ទំព័រវិប។ ដូចនេះការរៀនសូត្រលំហអាកាសពិតជាត្រូវបានគ្រប់គ្រងដោយកម្មវិធីរុករកបណ្តាញមានសារៈសំខាន់ខ្លាំងណាស់។

គម្លាតក្នុងបោះពុម្ព

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

ហេតុអ្វីបានជាមាននរណាម្នាក់ប្រើផ្ទាំង?

ជាទូទៅនៅពេលមនុស្សប្រើផ្ទាំងនៅក្នុងឯកសារអត្ថបទពួកគេប្រើពួកវាសម្រាប់ហេតុផលប្លង់ឬដើម្បីយកអត្ថបទទៅកន្លែងជាក់លាក់ឬជាចម្ងាយជាក់លាក់ពីធាតុផ្សេងទៀត។ ក្នុងការរចនាគេហទំព័រអ្នកមិនអាចប្រើតួអក្សរដកឃ្លាដែលបានបញ្ជាក់ខាងលើដើម្បីសម្រេចបាននូវរចនាប័ទ្មដែលមើលឃើញឬតម្រូវការប្លង់។

នៅក្នុងការរចនាបណ្តាញការប្រើប្រាស់តួអក្សរគំលាតបន្ថែមនៅក្នុងកូដនឹងសុទ្ធសាធសម្រាប់ភាពងាយស្រួលក្នុងការអានលេខកូដនោះ។ អ្នករចនាគេហទំព័រនិងអ្នកអភិវឌ្ឍន៍តែងតែប្រើផ្ទាំងដើម្បីបញ្ចូលលេខកូដដើម្បីឱ្យពួកគេអាចមើលឃើញធាតុណាមួយដែលជាកូននៃធាតុផ្សេងទៀតប៉ុន្តែការចូលបន្ទាត់ទាំងនោះមិនប៉ះពាល់ដល់ប្លង់ដែលមើលឃើញរបស់ទំព័រខ្លួនឯងទេ។ សម្រាប់អ្នកដែលត្រូវការការផ្លាស់ប្តូរប្លង់រូបភាពអ្នកនឹងត្រូវប្តូរទៅកាន់ CSS (ថ្នាក់រចនាប័ទ្មល្បាក់) ។

ប្រើ CSS ដើម្បីបង្កើតផ្ទាំង HTML និងគម្លាត

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

ប្រសិនបើអ្នកកំពុងព្យាយាមប្រើ ផ្ទាំង ដើម្បីបង្កើតជួរឈរនៃអត្ថបទអ្នកអាចប្រើធាតុ

ដែលត្រូវបានកំណត់ទីតាំងដោយ CSS ដើម្បីយកប្លង់ជួរឈរនោះ។ ទីតាំងនេះអាចត្រូវបានធ្វើតាមរយៈ floating CSS, ទីតាំងដាច់ខាតនិងទំនាក់ទំនង, ឬបច្ចេកទេសប្លង់ CSS ថ្មីៗដូចជា Flexbox ឬ CSS Grid ។

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

ស្រទាប់រុំព័ទ្ធនិងការចូលបន្ទាត់អត្ថបទ

វិធីសាមញ្ញបំផុតដើម្បីបង្កើតគម្លាតជាមួយ CSS គឺដោយប្រើរចនាប័ទ្ម CSS ដូចខាងក្រោម:

ឧទាហរណ៍អ្នកអាចចូលបន្ទាត់ដំបូងនៃកថាខណ្ឌដូចផ្ទាំងដែលមាន CSS ដូចខាងក្រោម (ចំណាំថាសន្មតថាកថាខណ្ឌរបស់អ្នកមានគុណលក្ខណៈថ្នាក់ដែលភ្ជាប់ជាមួយ "ដំបូង") ។

p.first {
អត្ថបទចូលបន្ទាត់: 5em;
}

កថាខណ្ឌនេះឥឡូវនេះត្រូវបានចូលបន្ទាត់ប្រហែល 5 តួអក្សរ។

អ្នកក៏អាចប្រើលក្ខណៈសម្បត្តិរឹមឬចន្លោះក្នុង CSS ដើម្បីបន្ថែមគម្លាតទៅកំពូលខាងក្រោមឆ្វេងឬស្ដាំ (ឬការផ្សំនៃភាគីទាំងនោះ) នៃធាតុមួយ។ នៅទីបំផុតអ្នកអាចសម្រេចបាននូវប្រភេទគំលាតណាមួយដែលត្រូវការដោយងាកទៅ CSS ។

ការផ្លាស់ទីអត្ថបទច្រើនជាងមួយសន្លឹកដោយគ្មាន CSS

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

ដើម្បីប្រើចន្លោះមិនបំបែកអ្នកគ្រាន់តែបន្ថែម & nbsp; ជាច្រើនដងដែលអ្នកត្រូវការវានៅក្នុងការសម្គាល់ HTML របស់អ្នក។

ឧទាហរណ៍ប្រសិនបើអ្នកចង់ផ្លាស់ទីពាក្យរបស់អ្នកនៅលើចន្លោះប្រាំអ្នកអាចបន្ថែមដូចខាងក្រោមពាក្យមុន។

& nbsp; & nbsp; & nbsp;

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