កុំព្យូទ័រការសរសេរកម្មវិធី

ពាក្យបញ្ជាជា HTML សម្រាប់បង្កើតគេហទំព័រ-

អក្សរកាត់ HTML ដែលឈរ ជាមួយ Hypertext Markup Language ។ HTML ដែល - វាមិនមែនជាភាសាសរសេរកម្មវិធីមួយគឺជាភាសានៃតំបន់បណ្ដាញសម្គាល់នេះ។

កម្មវិធីរុករកទាំងអស់អាចបម្លែងសម្គាល់នៅក្នុងសំណុំបែបបទងាយស្រួលនេះសម្រាប់អ្នកប្រើ។

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

ពាក្យបញ្ជា HTML មូលដ្ឋាន

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

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

ក្នុង HTML, មានបិទស្លាកនិង unobscured មាន។ ដូចគ្នានេះផងដែរនៅក្នុងភាសានេះគឺមានគោលគំនិតនៃសំណាញ់។ វត្ថុគ្នានៅក្នុងកូដ - វាគឺជាធាតុមួយ។ ធាតុមានស្លាកចាប់ផ្តើមមាតិកានិងបិទ។ លើសពីនេះទៅទៀតស្លាកមានគុណលក្ខណៈដែលបានពង្រីករបស់ខ្លួនជាមួយតម្លៃរបស់ពួកគេ។

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

ស្លាកចង។ វាគឺតែងតែជាចាំបាច់ក្នុងការសរសេរ។ ប៉ុន្តែការបិទមិនត្រូវបានទាមទារ។ ដោយស្តង់ដារនេះគួរតែមាន, ប៉ុន្តែប្រសិនបើអ្នកមិនបិទការងារនេះនឹងនៅតែ។

ក្បាលនិងរាងកាយ: មានស្លាកជាមូលដ្ឋានផ្សេងទៀត។

ទាំងនេះគឺជាក្រុមជា HTML សម្រាប់ទំព័រក្របខ័ណ្ឌនេះ។ ពួកគេត្រូវបានទាមទារ។ ពួកគេត្រូវបានបិទផងដែរ។

ឈ្មោះនៃស្លាកនេះផ្គូផ្គងចេតនា។ ក្បាល - ក្បាល។ ផ្នែកនេះកំណត់សេវាមួយនិងពសំខាន់ដែលមិនអាចមើលឃើញ។ ផ្នែករាងកាយ - រាងកាយរបស់ឯកសារ។ នៅទីនេះមាតិកាដែលត្រូវបានបង្ហាញទៅកាន់អ្នកប្រើ។ សូមព្យាយាមបិទនៅពេលដែលស្លាកបន្ទាប់មកដើម្បីជៀសវាងការយល់ច្រឡំ។

នៅក្នុងផ្នែកសេវាកម្មនេះបាននិយាយថា:

  • ចំណងជើងនៃឯកសារនេះ;
  • ឯកសាររចនាប័ទ្ម;
  • ឯកសារស្គ្រីប;
  • ស្លាកមេតា;
  • សេចក្តីណែនាំសម្រាប់ម៉ាស៊ីនស្វែងរក;
  • សេចក្តីណែនាំសម្រាប់មនុស្សយន្ដ;
  • ពផ្សេងទៀតណាមួយដែលអាចត្រូវបានប្រើដោយអ្នកសរសេរកម្មវិធីប៉ុន្តែមិនបានប្រើប្រាស់។

ឯកសារដែលរចនាប័ទ្មត្រូវបានរួមបញ្ចូលនៅទីនេះដូចខាងក្រោម:

<តំណ rel = "សន្លឹករចនាប័ទ្ម" href = http: // តំបន់ប្រភេទ /article/256185/%E2%80%9Cstyle.css%E2%80%9D = "text / css">

ឯកសារស្គ្រីបដូចខាងក្រោម:

<ប្រភេទស្គ្រីប = "អត្ថបទ / JavaScript " src = 'http: // តំបន់ /article/256185/main.js'>

នៅក្នុងអត្ថបទនេះត្រូវតែត្រូវបានធ្វើដំណើរ។ ចំណុចរបស់គាត់ចេញនេះ:

<ចំណងជើង> ចំណងជើង ទំព័រ

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

ការធ្វើទ្រង់ទ្រាយអត្ថបទសម្រាប់ស្លាក

អត្ថបទនេះគួរតែត្រូវបានដាក់នៅក្នុងស្លាកកថាខណ្ឌនេះ។ គាត់ត្រូវបានសំដៅដល់ថាជា

អត្ថបទ ។ សម្រាប់អត្ថបទអ្នកអាចប្រើ អក្សរ

ដើម្បីគូរអត្ថបទអាចមានដូចនៅក្នុង«ព្រះបន្ទូល»:

  • អក្សរទ្រេត
  • អត្ថបទដិត
  • <របស់ S> បន្ទាត់ឆូតអត្ថបទ
  • អត្ថបទដែលគូសបន្ទាត់ពីក្រោម

អត្ថបទអាចគូររចនាប័ទ្ម។ យើងនឹងសម្លឹងមើលទៅពួកគេនៅក្នុងទីបញ្ចប់បន្ទាប់ពីការពិនិត្យនៃធាតុផ្សេងទៀត។

ការប្រើចំណងជើង

មានពាក្យបញ្ជារបស់ HTML គឺមានសារៈសំខាន់ផ្សេងទៀត។ បឋមកថាចាំបាច់ប្រើសម្រាប់ការបង្កើតវេបសាយ។ ពួកគេត្រូវបញ្ជាក់ដោយប្រើស្លាក

ក្បាលកម្រិតដំបូង ។ មានកម្រិត 1 ដល់ 6. វាជាការសំខាន់ក្នុងការយល់ថានៅក្នុងបឋមកថានេះគួរតែត្រូវបានដាក់រួមគ្នាមាន។

ឧទាហរណ៍នៅក្នុងរូបភព។

រក្សាទុកក្នុងចិត្តថាវាត្រូវបានផ្ដល់អនុសាសន៍ឱ្យប្រើបានតែមួយក្បាល h1 ។ ក្នុងករណីនេះវាត្រូវតែផ្គូផ្គងស្លាក <ចំណងជើង> ។ ជាការពិតណាស់, អ្នកអាចបញ្ជាក់ H1 បឋមកថា 200, ប៉ុន្តែបន្ទាប់មកអ្នកនឹងត្រូវបានដាក់ពិន័យដោយម៉ាស៊ីនស្វែងរក។

ដោយប្រើរូបភាព

រូបភាពនេះគឺជាផ្នែកសំខាន់មួយនៃទំព័របណ្តាញ។ ឧទាហរណ៍បង្ហាញពីរបៀបដែលវាអាចបញ្ចូលរូបថតណាមួយ។

ដូចដែលអ្នកអាចឃើញឧទាហរណ៍ដែលបានបង្ហាញនៅក្នុងលម្អិតពីរបៀបនិងអ្វីដែលត្រូវនិយាយ។

ការប្រើតំណភ្ជាប់

ប្រសិនបើអ្នកបានរៀន HTML ពាក្យបញ្ជា, តំណភ្ជាប់ស្លាកដឹងដែលអ្នកត្រូវតែជាធម្មតា។ នេះជាធាតុសំខាន់បំផុតដែលជា បណ្តាញទូទាំងពិភពលោក។

ស្លាកតំណត្រូវបានកំណត់ ។ ប៉ុន្តែវាពិតជាត្រូវការដើម្បីត្រូវបានបិទ។ លើសពីនេះទៀតធាតុនេះមានគុណលក្ខណៈចាំបាច់របស់ href, នៅក្នុងការដែលមានអាស័យដ្ឋាននិងពិន្ទុតំណទៅ។

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

តំណភ្ជាប់អាចត្រូវបានធ្វើទ្រង់ទ្រាយដោយការប្រើរចនាប័ទ្មឬស្លាកថ្នាក់ធម្មតា (ទ្រេតដិត, បានគូសបញ្ជាក់ពីបន្ទាត់ឆូត) ។

ការប្រើតុ

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

តារាងនេះត្រូវបានបង្កើតឡើងដូចខាងក្រោម:

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

អត្ថបទក្រឡា

អត្ថបទក្រឡា

អត្ថបទក្រឡា

អត្ថបទក្រឡា

គុណលក្ខណៈទទឹងបញ្ជាក់ទទឹងនៃតារាង។ វាអាចជាភាគរយឬភិចសែល។ ព្រំដែនបង្ហាញថាកម្រាស់នៃស៊ុម។

រចនាសម្ព័ន្ធត្រូវបានបង្ហាញដូចខាងក្រោម។ ស្លាក TR គឺជាខ្សែអក្សរមួយ។ កោសិកា TD ស្លាក។ ហើយការទាំងអស់រួមគ្នា - តារាងមួយ។

អ្នកអាចតម្រឹមតារាង។ វាប្រើគុណលក្ខណៈតម្រឹមដែលអាចយកតម្លៃចំនួនបី: ឆ្វេង, មជ្ឈមណ្ឌល, ស្តាំ។ ឧទាហរណ៍នៃការប្រើប្រាស់ដែលបានបញ្ជាក់ខាងក្រោម។

ទាំងនេះជា HTML ពាក្យបញ្ជា (ទទឹងនិងការតម្រឹម) ផងដែរគឺសមរម្យសម្រាប់ធាតុផ្សេងទៀត។ កម្រាស់នៃស៊ុមដូចដែលបានបង្ហាញក្នុងរូបភាព។

ការប្រើបញ្ជី

ដោយប្រើ HTML ពាក្យបញ្ជា, អ្នកអាចបង្កើតប្រភេទផ្សេងគ្នានៃបញ្ជី។ ស្ទើរតែដូចគ្នានៅក្នុងព្រះបន្ទូល។

នៅក្នុងភាសានៅទីនោះ HTML ដែលបានបញ្ជានិងគ្មានលំដាប់ បញ្ជី (ចំណុច) ។ ឧទាហរណ៍មួយបែបបញ្ជីមួយ។

  • នេះជាលើកដំបូង

  • នៅទីពីរ

  • ទីបី

    លទ្ធផលនេះនឹងត្រូវបាន:

    • ដំបូង
    • ជាលើកទីពីរ
    • ទីបី

    បញ្ជីប្រភេទ

    កូដនៅក្នុងភាសា HTML នេះ

    នៅក្នុងសំណុំបែបបទនៃរង្វង់មួយ

    <ប្រភេទ Ul = "ឌីស">

  • ...

  • នៅក្នុងរង្វង់មួយ

    <ប្រភេទ Ul = "រង្វង់">

  • ...

  • នៅថ្ងៃទីសម្គាល់ការ៉េ

    <ប្រភេទ Ul = "ការ៉េ">

  • ...

  • បញ្ជីបញ្ជាឱ្យបង្កើតឡើងនៅក្នុងវិធីដែលត្រូវបានដូចគ្នានោះទេប៉ុន្តែជំនួសឱ្យ

      ប្រើស្លាក

        អ្នកអាចបញ្ជាក់ប្រភេទនៃបញ្ជីទិន្នផល:

        • "1" - លេខភាសាអារ៉ាប់ 1, 2, 3 ...
        • "មួយ" - តួអក្សរធំ A, B, C ...
        • "មួយ" - ទាបអក្សរ a, b, c ...
        • "ខ្ញុំ" - លេខរ៉ូម៉ាំងធំ I, II, III, ...
        • "ខ្ញុំ" - លេខរ៉ូម៉ាំងតូច i, ii, iii ...

        លទ្ធផលស្តង់ដារនៃលេខអារ៉ាប់នេះ។

        ចាប់តាំងពីនេះចំណុចបញ្ជី, ពួកគេមានគុណលក្ខណៈចាប់ផ្តើមដែលបញ្ជាក់តម្លៃដំបូងនៃបញ្ជី។ ឧទាហរណ៍អ្នកអាចបង្ហាញបញ្ជីចាប់ផ្តើមពីថ្ងៃទីទី 10 ឬ 20 ទេ។

        ការប្រើរចនាប័ទ្ម

        HTML ដែលពាក្យបញ្ជាសម្រាប់តំបន់បណ្តាញនេះគឺសម្បូរបែបណាស់, ប៉ុន្តែពួកគេទាំងអស់គ្នាស្ដាប់តាមរចនាប័ទ្ម។ រចនាប័ទ្មអាចត្រូវបានបញ្ជាក់នៅក្នុងឯកសារនៅក្រោមក្បាល: <តំណ rel = "សន្លឹករចនាប័ទ្ម" href = http: // តំបន់ប្រភេទ /article/256185/%E2%80%9Cstyle.css%E2%80%9D = "អត្ថបទ / CSS" > ឬចេញវេជ្ជបញ្ជារចនាប័ទ្មត្រៀមខ្លួនជាស្រេចមួយ។

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

        ស្រមៃថាអ្នកមាន 20 ទំព័រជា HTML និងអ្នកសម្រេចចិត្តដើម្បីធ្វើឱ្យបឋមកថា 2 ភីកសែលបន្ថែមទៀត។ ប្រសិនបើអ្នកមានអ្វីគ្រប់យ៉ាងនៅក្នុងឯកសាររចនាប័ទ្មបន្ទាប់មកកែសម្រួលតែត្រូវការដើម្បីធ្វើឱ្យទីនោះ។ ប្រសិនបើទាំងអស់ជាលក្ខណៈបុគ្គល, អ្នកមានដើម្បីធ្វើឱ្យទាន់សម័យទាំងអស់មាន 20 ទំព័រ។

        មានតែចង្អុលទៅកាន់ទំព័រមួយដូចខាងក្រោម។

        វិធីសាស្រ្តនេះគឺមិនត្រូវបានផ្ដល់អនុសាសន៍។

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 km.delachieve.com. Theme powered by WordPress.