របៀបបង្កើតគេហទំព័រក្នុងរយៈពេលតែប៉ុន្មានម៉ោងប៉ុណ្ណោះ។

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

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

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

អ្នកក៏អាចប្រើកម្មវិធីវាយអត្ថបទដូចជា MS Word ដើម្បីបង្កើតមាតិកាសម្រាប់គេហទំព័ររបស់អ្នក។. អ្នកអាចប្រើតំណខ្ពស់ដើម្បីភ្ជាប់អត្ថបទទៅគ្នាទៅវិញទៅមក. អ្នកក៏អាចរក្សាទុកឯកសារជាឯកសារ html ផងដែរ។, គេហទំព័រមួយ។. វិធីសាស្រ្តនេះដំណើរការល្អ។, ប៉ុន្តែទំព័រដែលអ្នកបង្កើតតាមវិធីនេះមានទំហំធំ ហើយមើលទៅមិនល្អនៅក្នុងបង្អួចកម្មវិធីរុករក. គុណវិបត្តិតែមួយគត់ចំពោះវិធីសាស្រ្តនេះគឺថាអ្នកត្រូវរៀនប្រើឧបករណ៍ដែលមាន.

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

ការបង្កើត Mini-រួមបញ្ចូលបញ្ជី

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

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

ការប្រើប្រាស់ html>-ស្លាក

html>-ស្លាកត្រូវបានប្រើដើម្បីកំណត់ផ្ទៃមាតិកាសំខាន់នៃឯកសារ HTML. ផ្ទៃមាតិកាសំខាន់មានអត្ថបទទាក់ទងនឹងប្រធានបទកណ្តាល ឬមុខងារនៃទំព័រ. វាត្រូវតែមានតែមួយគត់ពីមាតិកាផ្សេងទៀតនៅលើគេហទំព័រ. ខ្លឹមសារផ្សេងទៀតអាចបង្ហាញនៅលើទំព័រក្នុងទម្រង់ជារបារចំហៀង, តំណភ្ជាប់រុករក, ព័ត៌មានរក្សាសិទ្ធិ, ឡូហ្គោគេហទំព័រ, និងទម្រង់ស្វែងរក. ទំព័រ HTML ត្រូវតែធ្វើតាម html>-ស្លាកដែលត្រូវចាត់ទុកថាជាទំព័រ HTML.

គុណលក្ខណៈ href= បើកធាតុតំណ. បន្ទាប់ពី “=” សញ្ញា, អ្នកគួរតែបិទភ្ជាប់ URL នៃតំណ. អ្នកក៏អាចប្រើបន្ទាត់កថាខណ្ឌច្រើនក្នុងក្បាលតែមួយ. តង្កៀបបិទគឺចាំបាច់. វានឹងការពារតំណរបស់អ្នកពីការបកស្រាយខុស. ដើម្បីធ្វើឱ្យទំព័រ html កាន់តែងាយស្រួលអាន, បន្ថែមតំណទៅគេហទំព័ររបស់អ្នក។. html>-ស្លាកនឹងអនុញ្ញាតឱ្យអ្នកបន្ថែមតំណភ្ជាប់ដែលចង្អុលទៅទំព័របណ្តាញផ្សេងទៀត។.

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

ការប្រើប្រាស់ html>-ស្លាកដើម្បីបន្លិចអត្ថបទ

អ្នកអាចប្រើសញ្ញាសម្គាល់> ស្លាកដើម្បីបន្លិចអត្ថបទក្នុងឯកសារ HTML. វាជា HTML ថ្មីមួយ 5 លក្ខណៈ, ហើយវាកំណត់ផ្នែកដែលបានបន្លិចនៃកថាខណ្ឌ. សញ្ញា> ស្លាកដំណើរការដោយការផ្លាស់ប្តូរលក្ខណសម្បត្តិពណ៌ផ្ទៃខាងក្រោយនៃឯកសារ HTML មូលដ្ឋាន. សញ្ញា> tag គាំទ្រទាំង Global និង Event Attributes. វានឹងបន្លិចអត្ថបទជាពណ៌លឿង ឬខ្មៅ. វាក៏អាចធ្វើទៅបានដើម្បីផ្លាស់ប្តូរពណ៌នៃអត្ថបទនៅក្នុងឯកសារ CSS មូលដ្ឋាន.

អ្នកអានអេក្រង់ភាគច្រើនមិនប្រកាសធាតុសម្គាល់ទេ។, ប៉ុន្តែអ្នកអាចប្រើ CSS content property or.before and.after pseudo-elements ដើម្បីធ្វើឱ្យវាច្បាស់ថាតើអត្ថបទមួយណាដែលអ្នកចង់រំលេច. សេចក្តីប្រកាសគឺជាពាក្យសំដី និងបន្ថែមព័ត៌មានដែលមិនចាំបាច់ទៅទំព័រ, ដូច្នេះ​អ្នក​គួរ​ប្រើ​វា​ដោយ​តិច. ឧទាហរណ៍, អ្នកអាចប្រើការប្រកាសដើម្បីរំលេចពាក្យស្វែងរក ឬរារាំងសម្រង់. ការប្រកាសត្រូវបានគាំទ្រដោយកម្មវិធីរុករកធំៗទាំងអស់។.

បន្ថែមពីលើរចនាប័ទ្មពណ៌ផ្ទៃខាងក្រោយ, អ្នកអាចប្រើ 'ការបន្លិច’ ថ្នាក់ដើម្បីបន្លិចអត្ថបទនៅក្នុងឯកសារ HTML របស់អ្នក។. រចនាប័ទ្មពណ៌ផ្ទៃខាងក្រោយត្រូវបានគាំទ្រដោយកម្មវិធីរុករកទាំងអស់។. អ្នកក៏អាចប្រើពាក្យ 'លឿង’ ជំនួសឱ្យលេខកូដពណ៌. អ្នកអាចប្រើកូដដូចគ្នាដើម្បីរំលេចកថាខណ្ឌ ឬផ្នែកនៃអត្ថបទ. អ្នកក៏អាចប្រើថ្នាក់ CSS ដើម្បីបន្លិចអត្ថបទផងដែរ។.

ការប្រើប្រាស់ html>-ស្លាកដើម្បីបង្កើតបញ្ជីរួមបញ្ចូលតូច

html>-tag ត្រូវបានប្រើដើម្បីបង្កើតបញ្ជីនៃ mini-includes. វាមានស្លាកបិទដែលត្រូវគ្នា ហើយឈ្មោះរបស់ធាតុគឺអក្សរតូច. ឯកសារ HTML ត្រូវបានអ៊ិនកូដដោយប្រើការអ៊ិនកូដតួអក្សរ UTF-8, ដែលគាំទ្រការដាក់បញ្ចូលតួអក្សរយូនីកូដ. នៅពេលប្រើ html>-ស្លាក, ត្រូវប្រាកដថាជ្រើសរើស UTF-8 នៅក្នុង “រក្សាទុកជា” ប្រអប់ប្រអប់.

ការប្រើប្រាស់ html>-tag ដើម្បីបន្ថែម mini-includs list ទៅកាន់ទំព័រ HTML គឺងាយស្រួល. អ្នកអាចប្រើស្លាកនេះសម្រាប់ធាតុណាមួយដែលគាំទ្របញ្ជីដែលមិនមានលំដាប់. អ្នកថែមទាំងអាចប្រើបញ្ជីដែលមិនបានបញ្ជាទិញសម្រាប់ម៉ឺនុយរុករក. ធាតុ dl ភ្ជាប់​បញ្ជី​គូ​នៃ​ពាក្យ និង​ការ​ពិពណ៌នា. ធាតុ​ក្នុង​បញ្ជី​ដែល​បាន​បញ្ជា​ទិញ​ត្រូវ​បាន​បង្ហាញ​ដោយ​មាន​បញ្ជរ​កើនឡើង​ទៅ​ខាង​ឆ្វេង. អ្នកក៏អាចលុបធាតុ dl ផងដែរ ប្រសិនបើធាតុបញ្ជីត្រូវបានធ្វើតាមភ្លាមៗដោយធាតុផ្សេងទៀត។.

វិធីមួយទៀតដើម្បីបញ្ចូលបញ្ជី mini-includes គឺត្រូវបន្ថែមធាតុបាតកថាក្នុងឯកសារ HTML. ធាតុនេះតំណាងឱ្យបាតកថានៃមាតិកាផ្នែកដែលនៅជិតបំផុត។. ជាធម្មតាវាមានព័ត៌មានអំពីអ្នកនិពន្ធ, ទិន្នន័យរក្សាសិទ្ធិ, ឬភ្ជាប់ទៅឯកសារពាក់ព័ន្ធ. ការប្រើប្រាស់ html>-tag ដើម្បីបង្កើត mini-includs list នៅលើទំព័រ HTML មួយ។

ការប្រើប្រាស់ html>-ស្លាកដើម្បីបន្លិចប្លុកអត្ថបទនីមួយៗ

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

ស្តង់ដារ HTML4 បដិសេធស្លាកកម្រិតតួអក្សររចនាប័ទ្មរូបវន្ត. ពួកគេដោះស្រាយជាមួយការបង្ហាញ, ហើយវាជាការប្រសើរក្នុងការប្រើប្រាស់ CSS សម្រាប់គោលបំណងទាំងនេះ. HTML5 បានណែនាំពួកវាឡើងវិញ. ពួកគេ​លែង​ត្រូវ​បាន​គេ​បដិសេធ​ទៀត​ហើយ។, ប៉ុន្តែពួកគេនៅតែមិនមែនជាវិធីតែមួយគត់ដើម្បីរំលេចប្លុកអត្ថបទនីមួយៗ. ប្រើ CSS ដើម្បីរំលេចប្លុកនីមួយៗនៃអត្ថបទជាមួយ HTML5! វិធីសាស្រ្តសាមញ្ញនេះនឹងរំលេចប្លុកអត្ថបទនីមួយៗនៅក្នុងផ្នែកនៃមាតិកា.

អណ្តែត: អ្នក​អាច​ប្រើ​លក្ខណសម្បត្តិ CSS នេះ​ដើម្បី​បណ្តែត​ធាតុ​ទៅ​គែម​ឆ្វេង ឬ​ស្ដាំ​នៃ​ធាតុ​ដែល​មាន. វាអាចត្រូវបានប្រើដើម្បីបង្កើតក្រឡាចត្រង្គឬជួរឈរ. អ្នកក៏អាចប្រើលក្ខណសម្បត្តិ CSS ដែលហៅថា float ដើម្បី float iframe ឬរូបភាពមួយទៅរឹមខាងឆ្វេង ឬខាងស្តាំនៃ browser. គុណលក្ខណៈទាំងនេះធ្វើឱ្យវាកាន់តែងាយស្រួលក្នុងការបន្លិចប្លុកនីមួយៗដោយប្រើ CSS.