Saturday, November 4, 2017

ក្បាល HTML


ក្បាលត្រូវបានកំណត់ដោយស្លាក <h1> ទៅ <h6>
<h1> កំណត់ក្បាលសំខាន់បំផុត។ <h6> កំណត់ចំណងជើងសំខាន់បំផុត។

ឧទាហរណ៍

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

ក្បាលគឺសំខាន់ណាស់

ម៉ាស៊ីនស្វែងរកប្រើក្បាលដើម្បីលិបិក្រមរចនាសម្ព័ន្ធនិងមាតិកានៃទំព័របណ្ដាញរបស់អ្នក។
អ្នកប្រើ skim ទំព័ររបស់អ្នកដោយក្បាលរបស់វា។ វាសំខាន់ណាស់ក្នុងការប្រើក្បាលដើម្បីបង្ហាញរចនាសម្ព័ន្ធឯកសារ។
ចំណងជើង <h1> គួរត្រូវបានប្រើសម្រាប់ក្បាលមេបន្ទាប់ដោយចំណងជើង <h2> បន្ទាប់មកមិនសំខាន់ <h3> និងច្រើនទៀត។
ក្បាល HTML នីមួយៗមានទំហំលំនាំដើម។ ទោះយ៉ាងណាអ្នកអាចបញ្ជាក់ទំហំសម្រាប់ក្បាលណាមួយជាមួយគុណលក្ខណៈរចនាប័ទ្ម:

ឧទាហរណ៍

<h1 style="font-size:60px;">Heading 1</h1>

ច្បាប់ផ្តេក HTML

ស្លាក <hr> កំណត់ការសម្រាកតាមប្រធានបទនៅក្នុងទំព័រ HTML ហើយត្រូវបានបង្ហាញជាញឹកញាប់បំផុតជាក្បួនផ្ដេក។
ធាតុ <hr> ត្រូវបានប្រើដើម្បីបំបែកមាតិកា (ឬកំណត់ការផ្លាស់ប្តូរ) នៅក្នុងទំព័រ HTML:

ឧទាហរណ៍

<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>
ធាតុ HTML <head> ធាតុ
ធាតុ HTML <ក្បាល> មិនមានជាប់ទាក់ទងជាមួយក្បាល HTML ទេ។
ធាតុ <head> គឺជាធុងសម្រាប់ទិន្នន័យមេតា។ ទិន្នន័យមេតារបស់ HTML គឺជាទិន្នន័យអំពីឯកសារ HTML  ទិន្នន័យមេតាមិនត្រូវបានបង្ហាញ។
ធាតុ <ក្បាល> ត្រូវបានដាក់រវាងស្លាក <html> និងស្លាក <body>:

ឧទាហរណ៍

<!DOCTYPE html>
<html>
<head>
  <title>My First HTML</title>
  
<meta charset="UTF-8">
</head>
<body>
តើធ្វើដូចម្តេចដើម្បីមើលប្រភព HTML?
តើអ្នកធ្លាប់បានឃើញទំព័រវិបផតថលហើយឆ្ងល់ថាៈ "តើពួកគេធ្វើយ៉ាងម៉េចទៅ?"

មើលប្រភពកូដ HTML:

ដើម្បីរកមើលសូមចុចខាងស្តាំនៅក្នុងទំព័រហើយជ្រើសរើសយក "ប្រភពទំព័រមើល" (នៅក្នុង Chrome) ឬ "មើលប្រភព" (នៅក្នុង IE) ឬស្រដៀងគ្នានៅក្នុងកម្មវិធីរុករកផ្សេងទៀត។ វានឹងបើកបង្អួចដែលមានកូដប្រភព HTML របស់ទំព័រ។

ពិនិត្យធាតុ HTML:


ចុចកណ្ដុរស្ដាំលើធាតុមួយ (ឬតំបន់ទទេមួយ) ហើយជ្រើស "ពិនិត្យ" ឬ "ពិនិត្យធាតុ" ដើម្បីមើលធាតុដែលបង្កើតឡើង (អ្នកនឹងឃើញ HTML និង CSS)  អ្នកក៏អាចកែសម្រួល HTML CSS បានភ្លាមៗនៅក្នុងផ្ទាំង Elements Styles ដែលបើក។

No comments:
Write comments

© 2014 Khmer Learn IT. Designed by Bloggertheme9
Powered by Blogger.