រចនាសម្ព័ន្ធ HTML

ការយល់ដឹងស៊ីជម្រៅពី Tags, Elements និង Attributes

នៅក្នុង HTML យើងតែងតែលឺពាក្យ ៣ នេះញឹកញាប់បំផុត៖ Tags, Elements, និង Attributes។ ការយល់ដឹងពីភាពខុសគ្នារបស់វា នឹងធ្វើអោយអ្នកសរសេរកូដបានត្រឹមត្រូវល្អ។

១. រចនាសម្ព័ន្ធរបស់ Element មួយ

Element គឺជាធាតុផ្សំទាំងមូលចាប់ពីដើមដល់ចប់ (រួមមាន Tag បើក + អត្ថបទកណ្តាល + Tag បិទ)។ ចំណែកឯ Tag គឺជាពាក្យបញ្ជាដែលស្ថិតនៅក្នុងសញ្ញា < > ប៉ុណ្ណោះ។

• <h1> គឺជា Start Tag (Tag បើក)
• </h1> គឺជា End Tag (Tag បិទ - សម្គាល់ដោយសញ្ញា /)
• "នេះគឺជាអត្ថបទ..." គឺជា Content (មាតិកា ឬអត្ថបទដែលអ្នកចង់បង្ហាញ)
• តាំងពី <h1> ដល់ </h1> ហៅរួមគ្នាថាជា Element ចំណងជើង។

២. Elements ដែលគ្មានគូ (Empty Elements / Self-closing tags)

ទោះបីជា Element ភាគច្រើនមានគូក៏ដោយ ក៏នៅមាន Element មួយចំនួនតូចដែលគ្មានគូ និងគ្មានអត្ថបទនៅកណ្តាលនោះទេ។ យើងហៅវាថា Empty Elements ឬ Self-closing tags។ អ្វីដែលពួកវាធ្វើ គឺគ្រាន់តែបង្ហាញរបស់អ្វីមួយនៅលើអេក្រង់ (ដូចជារូបភាព ឬការចុះបន្ទាត់)។

Empty Elements សំខាន់ៗមានដូចជា៖

• <br> (Line Break) សម្រាប់ ចុះបន្ទាត់ថ្មី។
• <hr> (Horizontal Rule) សម្រាប់ គូសបន្ទាត់ផ្តេក បែងចែកមាតិកា។
• <img> សម្រាប់បញ្ចូលរូបភាព។
• <input> សម្រាប់ប្រអប់វាយអក្សរ។
• <meta> សម្រាប់កំណត់ទិន្នន័យក្នុង Head។

៣. Attributes (លក្ខណៈបន្ថែម)

Attributes ត្រូវបានប្រើដើម្បីផ្តល់ ព័ត៌មានបន្ថែម ឬលក្ខណៈបន្ថែមទៅអោយ Element ណាមួយ។

ច្បាប់សំខាន់ៗរបស់ Attributes គឺ៖

1. វាត្រូវតែសរសេរ នៅក្នុងរង្វង់ Tag បើក (Start Tag) ជានិច្ច។ មិនដែលសរសេរក្នុង Tag បិទទេ។
2. វាមានទម្រង់ជាគូឈ្មោះ និងតម្លៃ គឺ name="value"។
3. តម្លៃរបស់វា (value) ត្រូវតែស្ថិតនៅក្នុងសញ្ញាអញ្ញاتبិទបើក (" " ឬ ' ')។

ឧទាហរណ៍៖ នៅក្នុង <img src="pic.jpg" width="500"> នោះ src និង width គឺជា Attributes។