HTML Introduction
เรียบเรียงโดย ชายดาคอมพิวเตอร์
What is HTML?
 HTML คืออะไร ?
HTML เป็นภาษามาร์กอัปสาหรับการอธิบายเอกสารเว็บ (หน้าเว็บ หรือ เว็บเพจ).
* HTML ย่อมาจาก Hyper Text Markup Language
* ภาษามาร์กอัปเป็นชุดของแท็กมาร์กอัป
* เอกสาร HTML จะมีการอธิบายโดยการใช้แท็ก
* แต่ละแท็กจะอธิบายเนื้อหาของเอกสารที่แตกต่างกัน
HTML Example
<!DOCTYPE html>
<html>
<head>
<title> Page Title </title>
</head>
<body>
<h1> My First Heading </h1>
<p> My first paragraph. </p>
</body>
</html>
Example Explained
 อธิบายตัวอย่างโค้ดด้านบน
* ประกาศ DOCTYPE กาหนดประเภทเอกสารที่จะเป็น HTML
* ข้อความที่อยู่ระหว่าง <html> และ </ html> อธิบายเอกสาร HTML
* ข้อความที่อยู่ระหว่าง <head> และ </ head> ให้ข้อมูลเกี่ยวกับเอกสาร
* ข้อความที่อยู่ระหว่าง <title> และ </ title> ให้ชื่อของเอกสาร
* ข้อความที่อยู่ระหว่าง <body> และ </ body> อธิบายเนื้อหาของหน้าเว็บที่มองเห็นได้
* ข้อความที่อยู่ระหว่าง <h1> และ </ h1> อธิบายหัวข้อ
* ข้อความที่อยู่ระหว่าง <p> และ </ p> อธิบายวรรค
!--- การใช้คาอธิบายนี้ เว็บเบราเซอร์สามารถแสดงข้อความที่มีในส่วน heading และ
paragraph
Web Browsers
 ผลลัพธ์ ในเว็บบราวเซอร์
HTML Page Structure
 โครงสร้าง HTML

บทที่ 2 html introduction

  • 1.
  • 2.
    What is HTML? HTML คืออะไร ? HTML เป็นภาษามาร์กอัปสาหรับการอธิบายเอกสารเว็บ (หน้าเว็บ หรือ เว็บเพจ). * HTML ย่อมาจาก Hyper Text Markup Language * ภาษามาร์กอัปเป็นชุดของแท็กมาร์กอัป * เอกสาร HTML จะมีการอธิบายโดยการใช้แท็ก * แต่ละแท็กจะอธิบายเนื้อหาของเอกสารที่แตกต่างกัน
  • 3.
    HTML Example <!DOCTYPE html> <html> <head> <title>Page Title </title> </head> <body> <h1> My First Heading </h1> <p> My first paragraph. </p> </body> </html>
  • 4.
    Example Explained  อธิบายตัวอย่างโค้ดด้านบน *ประกาศ DOCTYPE กาหนดประเภทเอกสารที่จะเป็น HTML * ข้อความที่อยู่ระหว่าง <html> และ </ html> อธิบายเอกสาร HTML * ข้อความที่อยู่ระหว่าง <head> และ </ head> ให้ข้อมูลเกี่ยวกับเอกสาร * ข้อความที่อยู่ระหว่าง <title> และ </ title> ให้ชื่อของเอกสาร * ข้อความที่อยู่ระหว่าง <body> และ </ body> อธิบายเนื้อหาของหน้าเว็บที่มองเห็นได้ * ข้อความที่อยู่ระหว่าง <h1> และ </ h1> อธิบายหัวข้อ * ข้อความที่อยู่ระหว่าง <p> และ </ p> อธิบายวรรค !--- การใช้คาอธิบายนี้ เว็บเบราเซอร์สามารถแสดงข้อความที่มีในส่วน heading และ paragraph
  • 5.
    Web Browsers  ผลลัพธ์ในเว็บบราวเซอร์
  • 6.
    HTML Page Structure โครงสร้าง HTML