บทนำ HTML 
HTML 
ต้นกำเนิดของภำษำ HTML เกิดจำก เมื่อปี 1989 
นักฟิสิกส์ชื่อ Tim Berners-Lee แห่งสถำบันวิจัย CERN 
เสนองำนวิจัยเรื่อง prototyped ENQUIRE และ 
Hypertext system 
ใช้สำหรับนักวิจัยของสถำบันเพื่อแบ่งข้อมูลกัน 
และถูกพัฒนำมำเรื่อยๆจนถึงปัจจุบัน 
HTML เป็นตัวย่อมำจำก Hypertext Markup 
Language เป็นภำษำหลักที่ใช้ในกำรแสดงผลบนเว็บ 
บรำวเซอร์ในอินเตอร์ 
โดยสำมำรถนำเสนอข้อมูลตัวอักษร รวมทั้งเชื่อมต่อเพื่อ 
แสดงภำพ , เสียง และไฟล์ในรูปแบบอื่นๆ 
ภำษำ HTML จะแบ่งออกเป็น 2 ส่วน คือ 
1. ส่วนของคำสั่ง 
(tag) เป็นส่วนที่กำหนดรูปแบบของข้อควำมที่แสดง 
ซึ่งเรำเรียกว่ำ Tag โดยจะอยู่ในเครื่องหมำย < ... > 
2. 
ส่วนของบทควำมทั่วๆไป เป็นส่วนของข้อควำมที่เรำต้อง 
กำรแสดงผล
ตัวอย่ำงกำรใช้งำนภำษำ HTML 
คุณอำจลองพิมพ์ตำมตัวอักษรด้ำนล่ำงนี้ ใน Text editer 
ของคุณเช่น Notepad 
<html> 
<head> 
<title> หัวข้อเรื่อง ของหน้ำนี้ </title> 
</head> 
<body> 
เนื้อหำที่จะแสดงใน web browser 
</body> 
</html>
เมื่อคุณพิมพ์เสร็จก็ให้ save ในชื่อ mypage.html 
และลองใช้ web browser อย่ำง internet explorer หรือ 
fire fox เปิดดูก็จะเห็นผลตำมรูปด้ำนล่ำง 
กำรทำงำนของ code ด้ำนบน 
1. <html> ...... </html> ในกำรใช้งำน HTML 
เรำจะต้องเริ่มด้วย <html> และปิดด้วย </html> เสมอ 
2. <head> ...... 
</head> เป็นส่วนที่ใช้ให้รำยละเอียดเกี่ยวกับ
เว็บเพจหน้ำนี้ 
ซึ่งจะไม่แสดงให้เห็นในส่วนของกำรแสดงผลของ web 
browser แต่จะมีผลกับส่วนอื่นๆ เช่น กำรหำของ search 
engine (google,yahoo) 
กำรใช้งำนก็จะมีคำสั่งย่อยเพื่อบรรยำยรำยละเอียด เช่น 
<title> .... </title> , <meta> และอื่นอีกมำกมำย 
3. <title> .......... 
</title> ในส่วนตัวอักษรที่อยู่ในคำสั่งนี้จะอยู่ใน title bar 
ของ web page 
4. <body> .......... 
</body> ตัวอักษรที่อยู่ในคำสั่งนี้จะแสดงส่วนแสดงผลข 
อง web browser

1.บทนำ html

  • 1.
    บทนำ HTML HTML ต้นกำเนิดของภำษำ HTML เกิดจำก เมื่อปี 1989 นักฟิสิกส์ชื่อ Tim Berners-Lee แห่งสถำบันวิจัย CERN เสนองำนวิจัยเรื่อง prototyped ENQUIRE และ Hypertext system ใช้สำหรับนักวิจัยของสถำบันเพื่อแบ่งข้อมูลกัน และถูกพัฒนำมำเรื่อยๆจนถึงปัจจุบัน HTML เป็นตัวย่อมำจำก Hypertext Markup Language เป็นภำษำหลักที่ใช้ในกำรแสดงผลบนเว็บ บรำวเซอร์ในอินเตอร์ โดยสำมำรถนำเสนอข้อมูลตัวอักษร รวมทั้งเชื่อมต่อเพื่อ แสดงภำพ , เสียง และไฟล์ในรูปแบบอื่นๆ ภำษำ HTML จะแบ่งออกเป็น 2 ส่วน คือ 1. ส่วนของคำสั่ง (tag) เป็นส่วนที่กำหนดรูปแบบของข้อควำมที่แสดง ซึ่งเรำเรียกว่ำ Tag โดยจะอยู่ในเครื่องหมำย < ... > 2. ส่วนของบทควำมทั่วๆไป เป็นส่วนของข้อควำมที่เรำต้อง กำรแสดงผล
  • 2.
    ตัวอย่ำงกำรใช้งำนภำษำ HTML คุณอำจลองพิมพ์ตำมตัวอักษรด้ำนล่ำงนี้ใน Text editer ของคุณเช่น Notepad <html> <head> <title> หัวข้อเรื่อง ของหน้ำนี้ </title> </head> <body> เนื้อหำที่จะแสดงใน web browser </body> </html>
  • 3.
    เมื่อคุณพิมพ์เสร็จก็ให้ save ในชื่อmypage.html และลองใช้ web browser อย่ำง internet explorer หรือ fire fox เปิดดูก็จะเห็นผลตำมรูปด้ำนล่ำง กำรทำงำนของ code ด้ำนบน 1. <html> ...... </html> ในกำรใช้งำน HTML เรำจะต้องเริ่มด้วย <html> และปิดด้วย </html> เสมอ 2. <head> ...... </head> เป็นส่วนที่ใช้ให้รำยละเอียดเกี่ยวกับ
  • 4.
    เว็บเพจหน้ำนี้ ซึ่งจะไม่แสดงให้เห็นในส่วนของกำรแสดงผลของ web browser แต่จะมีผลกับส่วนอื่นๆ เช่น กำรหำของ search engine (google,yahoo) กำรใช้งำนก็จะมีคำสั่งย่อยเพื่อบรรยำยรำยละเอียด เช่น <title> .... </title> , <meta> และอื่นอีกมำกมำย 3. <title> .......... </title> ในส่วนตัวอักษรที่อยู่ในคำสั่งนี้จะอยู่ใน title bar ของ web page 4. <body> .......... </body> ตัวอักษรที่อยู่ในคำสั่งนี้จะแสดงส่วนแสดงผลข อง web browser