របៀបបង្កើតទំព័រ HTML

ប្រសិនបើអ្នកចង់បង្កើតគេហទំព័រផ្ទាល់ខ្លួនរបស់អ្នក។, អ្នកត្រូវតែមានការយល់ដឹងអំពី HTML. អត្ថបទនេះពន្យល់ពីរបៀបបង្កើតទំព័រ HTML. ផងដែរ។, អ្នកនឹងរៀនពីរបៀបបង្កើតផែនទីគេហទំព័រ xml និងរបៀបបន្ថែមរូបភាព និងតំណភ្ជាប់. វាក៏សំខាន់ផងដែរក្នុងការបង្កើតផែនទីគេហទំព័រ xml, ដែលអាចជួយអ្នករៀបចំគេហទំព័ររបស់អ្នក និងបង្កើនចរាចរណ៍របស់អ្នក។. ជំហានបន្ទាប់គឺជ្រើសរើសគំរូ.

ការបង្កើតទំព័រ html

HTML គឺជាភាសាសម្គាល់. រាល់ធាតុនៃទំព័របណ្តាញត្រូវបានតំណាងដោយស្លាកមួយ។. ស្លាកមួយត្រូវបានសម្គាល់ដោយតង្កៀបមុំ, ហើយធាតុនីមួយៗមានស្លាកមួយ ឬច្រើន។. ធាតុខ្លះត្រូវការតែស្លាកមួយប៉ុណ្ណោះ។; អ្នកផ្សេងទៀតអាចត្រូវការពីរ. ស្លាកបើក និងបិទមានសញ្ញាកាត់ទៅមុខ (/). ឧទាហរណ៍, ធាតុកថាខណ្ឌត្រូវបានតំណាងដោយស្លាក p. អត្ថបទរវាងស្លាកបើក និងបិទគឺជាអត្ថបទកថាខណ្ឌ.

ដើម្បីបង្កើតឯកសារ HTML, អ្នកនឹងត្រូវប្រើកម្មវិធីនិពន្ធអត្ថបទ. កុំព្យូទ័រភាគច្រើនមានកម្មវិធីនិពន្ធអត្ថបទតាមលំនាំដើម. អ្នកប្រើប្រាស់ Windows នឹងប្រើ Internet Explorer, ខណៈពេលដែលអ្នកប្រើប្រាស់ Mac អាចប្រើ TextEdit. អ្នកអាចដំឡើងកម្មវិធីនិពន្ធអត្ថបទពុម្ពអក្សរក្បូរក្បាច់ ដើម្បីបង្កើតគេហទំព័រដែលមានជំនាញវិជ្ជាជីវៈ, ប៉ុន្តែសម្រាប់ទំព័រ HTML ដំបូងរបស់អ្នក។, វាមិនចាំបាច់ទេ។. អ្នកក៏អាចប្រើកម្មវិធីនិពន្ធអត្ថបទសាមញ្ញ និងកម្មវិធីរុករកតាមអ៊ីនធឺណិតណាមួយ។. ប្រសិនបើអ្នកមិនប្រាកដថាត្រូវប្រើកម្មវិធីអ្វី, សាកល្បងទាញយកកម្មវិធីនិពន្ធ HTML ឥតគិតថ្លៃ.

ទំព័រ html មានផ្នែកសំខាន់ពីរ: រាងកាយនិងក្បាល. ផ្នែករាងកាយមានមាតិកាពិតប្រាកដនៃគេហទំព័រ, ខណៈពេលដែលផ្នែកក្បាលត្រូវបានប្រើសម្រាប់ចំណងជើង និងព័ត៌មានមេតា. រាងកាយមានធាតុផ្សេងទៀតទាំងអស់។, រួមទាំងរូបភាព និងក្រាហ្វិកផ្សេងទៀត។. ផ្នែកបឋមកថាគឺជាកន្លែងសម្រាប់ដាក់តំណរុករករបស់អ្នក។. បន្ទាប់ពីអ្នកបានបញ្ចប់ការសរសេរ, អ្នក​ត្រៀម​ខ្លួន​ជា​ស្រេច​ដើម្បី​បញ្ចូល​ខ្លឹមសារ​នៃ​ឯកសារ. ត្រូវប្រាកដថាប្រើធាតុរាងកាយ និងក្បាល ដើម្បីធានាថាគេហទំព័ររបស់អ្នកអាចចូលប្រើបានសម្រាប់មនុស្សគ្រប់គ្នា.

ការបង្កើតផែនទីគេហទំព័រ xml

ប្រសិនបើអ្នកមានទំព័រ HTML, អ្នកប្រហែលជាចង់បង្កើតផែនទីគេហទំព័រ XML ដើម្បីជួយម៉ាស៊ីនស្វែងរករុករកគេហទំព័ររបស់អ្នក។. ទោះបីជាវានឹងមិនប៉ះពាល់ដល់ចំណាត់ថ្នាក់ស្វែងរករបស់អ្នកក៏ដោយ។, វានឹងជួយឱ្យម៉ាស៊ីនស្វែងរកយល់ពីខ្លឹមសាររបស់អ្នក និងកែតម្រូវអត្រាការរុករករបស់ពួកគេ។. ផ្លូវ​នេះ, គេហទំព័ររបស់អ្នកនឹងអាចមើលឃើញកាន់តែច្រើននៅក្នុងលទ្ធផលម៉ាស៊ីនស្វែងរក. នេះគឺជាជំហានងាយៗមួយចំនួនដើម្បីចាប់ផ្តើម:

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

នៅពេលដែលទំព័រ HTML របស់អ្នកបានផ្សាយបន្តផ្ទាល់, បញ្ជូនវាទៅ Google Search Console. អ្នកអាចប្រើផ្នែកបន្ថែមឯកសារណាមួយ ហើយដាក់ឈ្មោះផែនទីគេហទំព័រ XML របស់អ្នក។. អ្នកអាចបញ្ជូនផែនទីគេហទំព័រ XML ទៅ Google, ប៉ុន្តែវាមិនចាំបាច់ទេ។. អ្នករុករករបស់ Google ជាទូទៅល្អណាស់ក្នុងការស្វែងរកមាតិកាថ្មី។, ហើយ​អ្នក​មិន​ចាំបាច់​ដាក់​ស្នើ​ផែនទី​គេហទំព័រ​ទៅ​ពួកគេ​ទេ។. អ្នកក៏អាចបញ្ជូនវាទៅម៉ាស៊ីនស្វែងរកផ្សេងទៀត។, ប៉ុន្តែនេះមិនធានាថាអ្នកនឹងត្រូវបានរកឃើញដោយ Google ទេ។.

វាមិនចាំបាច់ក្នុងការបន្ថែមប្លង់វែបសាយ XML ទៅកាន់គេហទំព័ររបស់អ្នកទេ។, ប៉ុន្តែវានឹងបង្កើន SEO គេហទំព័ររបស់អ្នក។. ផែនទីគេហទំព័រត្រូវបានប្រើប្រាស់ដោយម៉ាស៊ីនស្វែងរកដើម្បីជួយពួកគេនូវទំព័រលិបិក្រមដែលមិនត្រូវបានភ្ជាប់ដោយផ្ទាល់ទៅដោយគេហទំព័រ. ផែនទី​ប​ណ្តា​ញ​ក៏​ជួយ​ធ្វើ​ឱ្យ​ប្រសើរ​ឡើង​នូវ​ភាព​ងាយ​ស្រួល​នៃ​មាតិកា​ប្រព័ន្ធ​ផ្សព្វផ្សាយ​សម្បូរ​បែប​. ការបន្ថែមផែនទីគេហទំព័រទៅកាន់គេហទំព័ររបស់អ្នក អាចជួយធ្វើឱ្យគេហទំព័ររបស់អ្នកកាន់តែអាចចូលដំណើរការបានតាមរយៈ bots ម៉ាស៊ីនស្វែងរក.

ការបន្ថែមរូបភាព

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

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

ច្បាប់​មេដៃ​ដ៏​ល្អ​មួយ​សម្រាប់​កែតម្រូវ​ទំហំ​រូបភាព​គឺ​ត្រូវ​បង្កើន​ទទឹង​របស់វា។. ទទឹងគួរមានយ៉ាងហោចណាស់មួយភីកសែលតូចជាងកម្ពស់. ប្រសិនបើរូបភាពតូចពេកក្នុងការបង្ហាញ, អ្នកអាចបន្ថែមព្រំដែន, ហើយបន្ទាប់មកកែតម្រូវវាឱ្យសមនឹងទំហំរូបភាព. អ្នកក៏អាចលៃតម្រូវស៊ុមនៃរូបភាពដោយបន្ថែមវាទៅគុណលក្ខណៈស៊ុម. កម្រាស់​ស៊ុម​គឺ​ជា​តម្លៃ​លំនាំដើម, ប៉ុន្តែអ្នកអាចកំណត់វាទៅតម្លៃណាមួយ។. ត្រូវប្រាកដថារូបភាពមានគុណលក្ខណៈ src.

ការបន្ថែមតំណ

អ្នកអាចបន្ថែមតំណនៅក្នុង HTML ទៅកាន់ឯកសាររបស់អ្នកដោយប្រើ a> ស្លាកជាមួយគុណលក្ខណៈ href. វានឹងបង្កើតចំណាំសម្រាប់ឯកសារ ហើយបើកវានៅក្នុងផ្ទាំងថ្មី។. អ្នកក៏អាចប្រើគុណលក្ខណៈ href ដើម្បីបញ្ចូលរូបភាពទៅក្នុងឯកសារ. អ្នកក៏អាចប្រើតំណដែលមានកូដ JavaScript ដើម្បីបំប្លែងប៊ូតុង HTML ទៅជាតំណ. នៅពេលដែលអ្នកបានធ្វើរឿងនេះ, អ្នកអាចកំណត់រចនាប័ទ្មតំណរបស់អ្នកជាមួយ CSS ឬកូដ JavaScript.

តំណភ្ជាប់គឺជាការភ្ជាប់ពីធនធានគេហទំព័រមួយទៅប្រភពមួយទៀត. វាមានចុងពីរ, យុថ្កាប្រភព និងយុថ្កាទិសដៅ. តំណ​អាច​ជា​អ្វី​មួយ​ពី​រូបភាព​ទៅ​ឯកសារ​អត្ថបទ. គេហទំព័រ និងបណ្តាញទំនាក់ទំនងសង្គមភាគច្រើនប្រើតំណភ្ជាប់ដើម្បីដឹកនាំអ្នកប្រើប្រាស់ទៅកាន់ URL ជាក់លាក់មួយ។. HTML ក៏អាចត្រូវបានប្រើដើម្បីបញ្ជាក់ទីតាំងនៃតំណ. វា​គឺជា’ គុណលក្ខណៈអនុញ្ញាតឱ្យអ្នកភ្ជាប់ធាតុកូដទៅ URL.

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

ការបន្ថែមតារាង

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

អ្នកអាចបន្ថែមបឋមកថាតារាង និងទិន្នន័យតារាងជាមួយនឹងធាតុ td, ដែលកំណត់លក្ខណៈបុគ្គល “ប្រអប់” សម្រាប់មាតិកា. ការបន្ថែមបឋមកថាតារាងគឺជាជំហានដំបូងដើម្បីបង្ហាញទិន្នន័យនៅលើគេហទំព័រ, ហើយអ្នកគួរបន្ថែមទីមួយប្រសិនបើអ្នកចង់. តារាងមួយក៏គួរតែមានចំណងជើងបីជួរផងដែរ។. បឋមកថាមួយគួរតែទទេ. ប្រសិនបើតារាងរបស់អ្នកមានជួរឈរ, អ្នកក៏គួរបង្កើតបឋមកថាជួរដេកសម្រាប់ជួរឈរនីមួយៗ.

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

ការបន្ថែម div

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

អ្នកក៏អាចប្រើគុណលក្ខណៈ innerHTML ដើម្បីបញ្ចូលកូដនៅខាងក្នុង div មួយ។. វិធីសាស្ត្រនេះទទួលយកកូដដែលរុំព័ទ្ធក្នុងខ្សែអក្សរ, ហើយប្រសិនបើវាមិននៅក្នុង div, មាតិកានឹងត្រូវដកចេញ. អ្នកគួរតែជៀសវាងការបញ្ចូលកូដទៅក្នុង div តាមវិធីនេះ។, ដូចដែលវាអាចបង្ហាញគេហទំព័ររបស់អ្នកទៅនឹងភាពងាយរងគ្រោះនៃការសរសេរស្គ្រីបឆ្លងគេហទំព័រ. ប្រសិនបើអ្នកកំពុងប្រើភាសាស្គ្រីបដូចជា JavaScript, អ្នកអាចប្រើគុណលក្ខណៈ HTML ខាងក្នុង.

div គឺជាស្លាក HTML មូលដ្ឋានដែលប្រើដើម្បីដាក់កូដជាក្រុមនៅក្នុងឯកសារ. វាអាចមានកថាខណ្ឌ, ប្លុកសម្រង់, រូបភាព, អូឌីយ៉ូ, ឬសូម្បីតែបឋមកថា. ទីតាំងរបស់វាអនុញ្ញាតឱ្យអ្នកអនុវត្តរចនាប័ទ្មឯកសណ្ឋាន និងភាសាទៅផ្នែកផ្សេងៗនៃទំព័រមួយ។. Divs ត្រូវ​បាន​ប្រើ​យ៉ាង​ល្អ​បំផុត​សម្រាប់​ការ​សម្គាល់​អត្ថន័យ​ដែល​មាន​លក្ខណៈ​ទូទៅ​ចំពោះ​ក្រុម​នៃ​ធាតុ​ជាប់​គ្នា។. div គួរតែត្រូវបានប្រើនៅពេលអ្នកចង់បន្ថែមរចនាប័ទ្មទៅផ្នែកដោយមិនចាំបាច់សរសេរទំព័រទាំងមូលឡើងវិញ.