KhodeKhmer

🗈What is HTML?🖉

1). តើ HTML គឺជាអ្វី? (What is HTML?)

HTML (Hypertext Markup Language) មានន័យថា ភាសាសម្គាល់ webpage លើ internet។ វាជាវិធីពិសេសមួយដែលយើងប្រើដើម្បីបង្កើតគេហទំព័រ (website) ដូចជា អត្ថបទ រូបភាព និងច្រើនទៀត។ វាដូចជាការប្រើក្រដាសពណ៌ផ្សេងៗគ្នា និងស្ទីកឃ័រដើម្បីរៀបចំសៀវភៅរូបភាពមួយ។

ចំណុចសំខាន់ៗរបស់ HTML មាន:

Hypertext: គឺជាតំណភ្ជាប់គេហទំព័រដទៃទៀត។
Markup: គឺជាកូដដែលជួយរៀបចំទំព័រអោយមានសណ្ឋាន។
Language: គឺជាកូដដែលកម្មវិធីអ៊ិនធឺរណែតយល់បាន។

ឧទាហរណ៍កូដ HTML មួយឃ្លា:

<p>This is a paragraph in HTML.</p>

កូដនេះជួយបង្ហាញថា This is a paragraph in HTML. (ជាអត្តបទក្នុង HTML)

2). ប្រវត្តិខ្លីៗនៃ HTML (A Brief History of HTML)

HTML ត្រូវបានបង្កើតឡើងនៅឆ្នាំ 1991 ដោយលោក Tim Berners-Lee។ វាដូចជាការបង្កើតភាសាថ្មីមួយសម្រាប់កុំព្យូទ័រ។ ចាប់តាំងពីពេលនោះមក វាបានកែលម្អជាច្រើនដង ដូចជាការបន្ថែមពាក្យថ្មីៗទៅក្នុងវចនានុក្រម។

HTML បានកើនឡើងយ៉ាងច្រើន:

HTML 1.0 (1991): ជាបំរែបំរួលដំបូង។
HTML 4.01 (1999): ការធ្វើឱ្យប្រសើរជាមួយមុខងារថ្មី។
HTML5 (2014): ជាផ្នែកបច្ចុប្បន្ន, អាចបញ្ចូលវីដេអូ និងអ្វីផ្សេងៗទៀតបាន។

ឧទាហរណ៍នៃ HTML5:

</video>

HTML5 អាចជួយបញ្ចូលវីដេអូដោយឆ្លើយតបទៅនឹង <video> tag។

3). តួនាទីរបស់ HTML ក្នុងការអភិវឌ្ឍន៍គេហទំព័រ (The Role of HTML in Web Development)

HTML គឺដូចជាឆ្អឹងនៃគេហទំព័រ។ វាប្រាប់កុំព្យូទ័រពីរបៀបរៀបចំអ្វីៗនៅលើគេហទំព័រ។ បន្ទាប់មក យើងប្រើវិធីផ្សេងទៀតដើម្បីធ្វើឱ្យវាមើលទៅស្អាត និងមានចលនា។ វាជួយផ្ដល់រចនាសម្ព័ន្ធ ហើយមានឈ្មោះចំណុចសំខាន់ៗ:

HTML: ស្ថិតនៅក្នុងជើងសំខាន់របស់គេហទំព័រ។
CSS: ជួយធ្វើឱ្យវាស្អាត។
JavaScript: ជួយធ្វើឱ្យវាមានសកម្មភាព។

ឧទាហរណ៍រចនាសម្ព័ន្ធមួយនៃឯកសារ HTML៖

<!DOCTYPE html>
<html>
  <head>
    <title>My Web Page</title>
    <link rel="stylesheet" href="styles.css"> <!-- CSS Styling -->
  </head>
  <body>
    <h1>Hello, World!</h1>
    <p>This is a simple webpage.</p>
    <script src="script.js"></script> <!-- JavaScript for Interactivity-->
  </body>
</html>

ក្នុងឧទាហរណ៍នេះ:
<link> tag ជាកូដដែលភ្ជាប់គេហទំព័រទៅនឹងឯកសារ CSS ផ្នែកខាងក្រៅ ដើម្បីធ្វើឱ្យទំព័រមានរូបរាងស្អាត។
 <script> tag ជាកូដដែលភ្ជាប់ទៅនឹងឯកសារ JavaScript ផ្នែកខាងក្រៅ ដើម្បីធ្វើឱ្យទំព័រមានសកម្មភាព (ដូចជាប៊ូតុងនិងសកម្មភាពផ្សេងៗ)។

4). រចនាសម្ព័ន្ធមូលដ្ឋាននៃឯកសារ HTML (Basic Structure of an HTML Document)
ឯកសារ HTML មានផ្នែកសំខាន់ៗដូចជាក្បាល (head) និងតួខ្លួន (body)។ Head គឺសម្រាប់ព័ត៌មានដែលយើងមិនឃើញ ហើយ body គឺសម្រាប់អ្វីដែលយើងឃើញនៅលើគេហទំព័រ។ ឯកសារ HTML មួយមានសារសំខាន់ៗដូចជា:
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>សំណុំបែបបទ HTML</title>
  </head>
  <body>
    <h1>ស្វាគមន៍មកកាន់ HTML</h1>
    <p>នេះជាសំណុំ HTML មួយ។</p>
  </body>
</html>
Explanation:
<!DOCTYPE html>: បង្ហាញថាឯកសារនេះជាឯកសារ HTML5។
<html>: ជាធាតុដំបូងដែលមានធាតុ HTML ផ្សេងទៀតទាំងអស់នៅក្នុងវា។
<head>: មានពត៌មានអំពីឯកសារ (ដូចជាចំណងជើង និងមុខអក្សរ)។
<meta charset="UTF-8">: ជួយអោយឯកសារអាចអានបានជាច្រើនភាសា។
<title>: បង្ហាញចំណងជើងនៅលើផ្ទាំងកម្មវិធីអ៊ិនធឺរណែត។
<body>: មានមាតិកាដែលអាចឃើញបាន, រួមមានអត្ថបទ, រូបភាព, និងតំណភ្ជាប់។

5). HTML, CSS, និង JavaScript៖ របៀបដែលពួកវាធ្វើការជាមួយគ្នា (HTML, CSS, and JavaScript: How They Work Together)
HTML ជួយផ្ដល់ជាល្បាសមូលដ្ឋានសម្រាប់គេហទំព័រ។
CSS ជួយតុបតែងអត្ថបទ និងរូបភាព (ដូចជាពណ៌, ប្លង់, និងមុខអក្សរ)។
JavaScript ជួយធ្វើឱ្យគេហទំព័រអាចមានសកម្មភាព (ដូចជាប៊ូតុង, ផ្ទាំងបំពេញព័ត៌មាន, និង animations)។
ឧទាហរណ៍នៃ integration:
<!DOCTYPE html>
<html>
  <head>
    <title>Styled Webpage</title>
    <link rel="stylesheet" href="styles.css"> <!-- External CSS -->
  </head>
  <body>
    <h1>Hello, World!</h1>
    <p>Welcome to my webpage.</p>
    <button id="btn">Click Me!</button>   
    <script>
      document.getElementById('btn').onclick = function() {
    alert('Button clicked!');
      };
    </script> <!-- Inline JavaScript -->
  </body>
</html>
6). សារៈសំខាន់នៃ HTML ដែលមានអត្ថន័យ (The Importance of Semantic HTML)
HTML ដែលមានអត្ថន័យមានន័យថាការប្រើពាក្យត្រឹមត្រូវដើម្បីពណ៌នាអ្វីដែលយើងកំពុងបង្ហាញ។ វាជួយឱ្យកុំព្យូទ័រ និងមនុស្សយល់កាន់តែច្បាស់ពីអ្វីដែលនៅលើគេហទំព័រ។ ជួយអោយគេហទំព័រងាយស្រួលក្នុងការប្រើប្រាស់ និងជួយប្រព័ន្ធស្វែងរក (SEO) ដើម្បីរកមាតិកាបានល្អ។
ឧទាហរណ៍អត្ថបទសេម៉ង់ទីកក្នុង HTML មានដូចជា:
<article>: ប្រើសម្រាប់មាតិកាមួយដាច់ដោយឡែក (ដូចជាប្លក់)។
<header>: សំដៅទៅលើក្បាលនៃផ្នែក ឬទំព័រ។
<footer>: សំដៅទៅលើចុងក្រោយនៃផ្នែក ឬទំព័រ។
<nav>: សំដៅលើម៉ឺនុយ (menu) Navigates ។
Non-Semantic HTML:
<div>Content</div>
Semantic HTML:
<article>Content</article>
សេចក្តីសរុប (Summary):
នេះគឺជាការពន្យល់សាមញ្ញអំពី HTML។ វាដូចជាការប្រើភាសាពិសេសមួយដើម្បីប្រាប់កុំព្យូទ័រពីរបៀបបង្ហាញព័ត៌មាននៅលើគេហទំព័រ។ យើងប្រើវាជាមួយឧបករណ៍ផ្សេងទៀតដើម្បីធ្វើឱ្យគេហទំព័រមើលទៅស្អាត និងងាយស្រួលប្រើប្រាស់។

KhodeKhmer

Pages

HTML And CSS

1). តើ HTML គឺជាអ្វី? (What is HTML?)

2). ប្រវត្តិខ្លីៗនៃ HTML (A Brief History of HTML)

3). តួនាទីរបស់ HTML ក្នុងការអភិវឌ្ឍន៍គេហទំព័រ (The Role of HTML in Web Development)

4). រចនាសម្ព័ន្ធមូលដ្ឋាននៃឯកសារ HTML (Basic Structure of an HTML Document)

5). HTML, CSS, និង JavaScript៖ របៀបដែលពួកវាធ្វើការជាមួយគ្នា (HTML, CSS, and JavaScript: How They Work Together)

6). សារៈសំខាន់នៃ HTML ដែលមានអត្ថន័យ (The Importance of Semantic HTML)

សេចក្តីសរុប (Summary):

HTML And CSS

Pages

HTML And CSS

1). តើ HTML គឺជាអ្វី? (What is HTML?)

2). ប្រវត្តិខ្លីៗនៃ HTML (A Brief History of HTML)

3). តួនាទីរបស់ HTML ក្នុងការអភិវឌ្ឍន៍គេហទំព័រ (The Role of HTML in Web Development)

4). រចនាសម្ព័ន្ធមូលដ្ឋាននៃឯកសារ HTML (Basic Structure of an HTML Document)

5). HTML, CSS, និង JavaScript៖ របៀបដែលពួកវាធ្វើការជាមួយគ្នា (HTML, CSS, and JavaScript: How They Work Together)

﻿6). សារៈសំខាន់នៃ HTML ដែលមានអត្ថន័យ (The Importance of Semantic HTML)

សេចក្តីសរុប (Summary):

HTML And CSS

6). សារៈសំខាន់នៃ HTML ដែលមានអត្ថន័យ (The Importance of Semantic HTML)