- Published on
ស្លាក HTML សាមញ្ញ
- Authors
- Name
- Vichea Nath
- @nathvichea
ក្បាលអត្ថបទ
ចំណងជើងអនុញ្ញាតឱ្យអ្នកបង្ហាញចំណងជើង និងចំណងជើងរងនៅលើគេហទំព័ររបស់អ្នក។
<body>
<h1>ក្បាល 1</h1>
<h2>ក្បាល 2</h2>
<h3>ក្បាល 3</h3>
<h4>ក្បាល 4</h4>
<h5>ក្បាល 5</h5>
<h6>ក្បាល 6</h6>
</body>
ការបង្ហាញខាងក្រោមនៅក្នុង web browser
ក្បាល 1
ក្បាល 2
ក្បាល 3
ក្បាល 4
ក្បាល 5
ក្បាល 6
កថាខណ្ឌ
កថាខណ្ឌមានខ្លឹមសារអត្ថបទ។
<p>កថាខណ្ឌនេះ។ មានបន្ទាត់ជាច្រើន។ វាមានច្រើនបន្ទាត់</p>
ចំណាំ ថាការដាក់មាតិកានៅលើបន្ទាត់ថ្មីក៏ web browser មិនគិតដែរ
ការចុះបន្ទាត់
ដូចដែលអ្នកបានរៀន ការបំបែកបន្ទាត់នៅក្នុងបន្ទាត់ស្លាកកថាខណ្ឌមិនត្រូវបានអើពើដោយ HTML ។ ជំនួសមកវិញ ពួកគេត្រូវតែបញ្ជាក់ដោយប្រើស្លាក <br>។ ស្លាក <br> មិនត្រូវការស្លាកបិទទេ។
ការបង្ហាញខាងក្រោមនៅក្នុង web browser :
This paragraph
contains a lot of lines
and they are displayed.
ភាពច្បាស់នែអក្សរ (Strong)
<p>No matter how much the dog barks: <strong>don't feed him chocolate</strong>.</p>
ការបង្ហាញខាងក្រោមនៅក្នុង web browser :
No matter how much the dog barks: don't feed him chocolate.
ភាពក្រាស់នែអក្សរ (Bold)
<p>The primary colors are <b>red</b>, <b>yellow</b> and <b>blue</b>.</p>
ការបង្ហាញខាងក្រោមនៅក្នុង web browser :
The primary colors are red, yellow and blue.
ការសង្កត់ធ្ងន់ (Emphasis)
ស្លាកសង្កត់ធ្ងន់អាចត្រូវបានប្រើដើម្បីបន្ថែមការសង្កត់ធ្ងន់ទៅអត្ថបទ។
<p>ស្រលាញ់ខ្ញំុ <em>ឬអត់</em>!</p>
ការបង្ហាញខាងក្រោមនៅក្នុង web browser :
ស្រលាញ់ខ្ញំុ ឬអត់!
ទ្រេត (Italic)
ស្លាកទ្រេតអាចត្រូវបានប្រើដើម្បីទូទាត់ជួរនៃអត្ថបទ។
<p>The term <i>HTML</i> stands for HyperText Markup Language.</p>
ការបង្ហាញខាងក្រោមនៅក្នុង web browser :
The term HTML stands for HyperText Markup Language.
ការសង្កត់ធ្ងន់ទល់នឹងទ្រេត
ស្លាកទាំងពីរនឹងមានប្រសិទ្ធិភាពមើលឃើញដូចគ្នានៅក្នុង web browser។ ភាពខុសគ្នាតែមួយគត់គឺអត្ថន័យ។
ស្លាកសង្កត់ធ្ងន់សង្កត់ធ្ងន់លើអត្ថបទដែលមាននៅក្នុងពួកគេ។ ចូរយើងស្វែងយល់ពីឧទាហរណ៍ខាងក្រោម៖
I <em>really</em> want ice cream.
ការបង្ហាញខាងក្រោមនៅក្នុង web browser :
I really want ice cream.
អក្សរទ្រេតតំណាងឱ្យអត្ថបទដែលមិនកំណត់ ហើយគួរតែត្រូវបានប្រើសម្រាប់ពាក្យបច្ចេកទេស ចំណងជើង គំនិត ឬឃ្លាពីភាសាផ្សេងទៀត ឧទាហរណ៍៖
My favourite book is <i>Dracula</i>.
ការបង្ហាញខាងក្រោមនៅក្នុង web browser :
My favourite book is Dracula.
បញ្ជី
អ្នកអាចបន្ថែមបញ្ជីទៅគេហទំព័ររបស់អ្នក។ មានបញ្ជីពីរប្រភេទនៅក្នុង HTML ។
បញ្ជី unordered ដោយប្រើស្លាក <ul> ។ ធាតុបញ្ជីត្រូវបានបញ្ជាក់ដោយប្រើស្លាក <li> ឧទាហរណ៍៖
<ul>
<li>Tea</li>
<li>Sugar</li>
<li>Milk</li>
</ul>
ការបង្ហាញខាងក្រោមនៅក្នុង web browser :
- Tea
- Sugar
- Milk
បញ្ជី ordered ប្រើស្លាក <ol> ។ ជាថ្មីម្តងទៀត ធាតុបញ្ជីត្រូវបានបញ្ជាក់ដោយប្រើស្លាក <li> ។
<ol>
<li>Rocky</li>
<li>Rocky II</li>
<li>Rocky III</li>
</ol>
ការបង្ហាញខាងក្រោមនៅក្នុង web browser :
- Rocky
- Rocky II
- Rocky III
ស្លាក Div (តាមបទពីសោធាន៍របស់ខ្ញុំ វាត្រូវបានប្រើស្ទើតែគ្រប់កន្លែងក្នុង website
ស្លាក <div> កំណត់ការបែងចែកមាតិកានៅក្នុងឯកសារ HTML ។ វាដើរតួនាទីជាកុងតឺន័រទូទៅ ហើយមិនមានឥទ្ធិពលលើខ្លឹមសារទេ លុះត្រាតែវាត្រូវបានកំណត់រចនាប័ទ្មដោយ CSS ។
ឧទាហរណ៍ខាងក្រោមបង្ហាញធាតុ <div> ដែលមានធាតុកថាខណ្ឌ៖
<div>
<p>This is a paragraph inside a div</p>
</div>
ការបង្ហាញខាងក្រោមនៅក្នុង web browser :
This is a paragraph inside a div
វាអាចត្រូវបានដាក់នៅខាងក្នុងធាតុផ្សេងទៀតឧទាហរណ៍៖
<div>
<div>
<p>This is a paragraph inside a div that’s inside another div</p>
</div>
</div>
ការបង្ហាញខាងក្រោមនៅក្នុង web browser :
ដូចដែលបានរៀបរាប់រួច div មិនមានឥទ្ធិពលលើមាតិកាទេ លុះត្រាតែវាត្រូវបានធ្វើរចនាប័ទ្មដោយ CSS ។ តោះបន្ថែមច្បាប់ CSS តូចមួយដែលកំណត់រចនាប័ទ្ម divs ទាំងអស់នៅលើទំព័រ។
កុំបារម្ភអំពីអត្ថន័យនៃ CSS នៅឡើយទេ អ្នកនឹងស្វែងយល់ CSS បន្ថែមទៀតនៅក្នុងមេរៀនក្រោយ។ សរុបមក អ្នកកំពុងអនុវត្តច្បាប់ដែលបន្ថែមស៊ុម និងគម្លាតរូបភាពមួយចំនួនទៅធាតុ។
<style>
div {
border: 1px solid black;
padding: 2px;
}
</style>
<div>
<div>
<p>This is a paragraph inside stylized divs</p>
</div>
</div>
ការបង្ហាញខាងក្រោមនៅក្នុង web browser :
ធាតុ Div គឺជាផ្នែកសំខាន់នៃការបង្កើតគេហទំព័រ។ ការប្រើប្រាស់កម្រិតខ្ពស់បន្ថែមទៀតនៃធាតុ div
Comments
ប្រសិនបើអ្នកចង់ទុកមតិយោបល់នៅក្នុងកូដសម្រាប់អ្នកអភិវឌ្ឍន៍ផ្សេងទៀត វាអាចត្រូវបានបន្ថែមដូចជា៖
<!-- This is a comment -->
មតិយោបល់នឹងមិនត្រូវបានបង្ហាញនៅក្នុង web browser ទេ។