ความหมายของ HTML
HTML (Hyper Text Markup Language) เป็นภาษามาตรฐานสากลที่ใช้นำเสนอข้อมูลแบบผสมผสานในการสื่อสารแบบ World-Wide-Web :WWW ( Web) ซึ่งเป็นการเชื่อมต่อเครือข่ายของเครื่องคอมพิวเตอร์ทั่วโลก (Internet) รูปแบบหนึ่ง ข้อมูลในรูปแบบต่างๆ ไม่ว่าจะเป็นข้อความ รูปภาพ เสียง ภาพเคลื่อนไหว หรือ อื่นๆ จะถูกเชื่อมโยงเข้าหากัน ด้วยชุดคำสั่งต่างๆ เพื่อให้แสดงผลออกมาคล้ายกับ สิ่งพิมพ์ สไลด์ หรือ แบบมัลติมีเดีย
โครงสร้างของภาษา HTML
การเขียนโฮมเพจด้วยภาษาHTMLนั้นเอกสารHTMLจะประกอบด้วยส่วนประกอบ2ส่วน ดังนี้
1.ส่วน Head
คำสั่งที่อยู่ในส่วนนี้จะใช้บรรยายรายละเอียดเกี่ยวกับweb page ซึ่งจะไม่แสดงผลที่ web page โดยตรง
2.ส่วน Body
คำสั่งที่อยู่ในส่วนนี้จะใช้ในการจัดรูปแบบตัวอักษร จัดหน้า
ใส่รูปภาพ ซึ่งตัวอักษรในส่วนนี้จะแสดงที่ web brower โดยตรง
ในทั้งสองส่วนนี้จะอยู่ภายใน Tag <HTML>…</HTML> ดังนี้
<html>
<head> <title> ส่วนชื่อเอกสาร </title> </head>
<body>
tag คำสั่ง
</body>
</html>
คำสั่ง หรือ Tag ที่ใช้ในภาษา
HTML ประกอบไปด้วยเครื่องหมายน้อยกว่า"<" ตามด้วย
ชื่อคำสั่งและปิดท้ายด้วยเครื่องหมายมากกว่า ">" เป็นส่วนที่ทำหน้าที่ตกแต่งข้อความ เพื่อ
การแสดงผลข้อมูล โดยทั่วไปคำสั่งของ HTML ส่วนใหญ่จะอยู่เป็นคู่
มีเพียงบาง คำสั่งเท่านั้น ที่มีรูปแบบคำสั่งอยู่เพียงตัวเดียว ในแต่ละคำสั่ง
จะมีคำสั่งเปิดและปิด คำสั่งปิดของแต่ละ คำสั่งจะมี รูปแบบเหมือนคำสั่งเปิด
เพียงแต่จะเพิ่ม "/" (Slash)
นำหน้าคำสั่ง ปิดให้ดู แตกต่าง เท่านั้น
และในคำสั่งเปิดบางคำสั่ง อาจมีส่วนขยายอื่นผสมอยู่ด้วย
ในการเขียนคำสั่งภาษา HTML สามารถเขียน ด้วยตัวอักษร เล็กหรือใหญ่ ทั้งหมดหรือเขียนคละกันได้ เช่น <HTML> หรือ <Html> หรือ <html> ซึ่งจะให้ผลเหมือนกัน
ในการเขียนคำสั่งภาษา HTML สามารถเขียน ด้วยตัวอักษร เล็กหรือใหญ่ ทั้งหมดหรือเขียนคละกันได้ เช่น <HTML> หรือ <Html> หรือ <html> ซึ่งจะให้ผลเหมือนกัน
คำสั่งเริ่มต้นของเอกสาร HTML
<HTML>..........</HTML>
คำสั่ง <HTML> เป็นคำสั่งเริ่มต้นในการเขียนโปรแกรมและคำสั่ง </HTML> เป็นการสิ้นสุดโปรแกรม HTML คำสั่งนี้จะไม่แสดงผลในโปรแกรมเว็บเบราเซอร์
แต่ต้องเขียนเพื่อให้เกิดความเป็นระบบของงาน
และเพื่อจะให้รู้ว่าเอกสารนี้เป็นเอกสารของภาษา HTML ส่วนหัวเรื่องเอกสารเว็บ (Head Section)
<HEAD>..........</HEAD>
Head Section เป็นส่วนที่ใช้อธิบายเกี่ยวกับข้อมูลเฉพาะของหน้าเว็บนั้นๆ เช่น ชื่อเรื่องของหน้าเว็บ(Title),
ชื่อผู้จัดทำเว็บ(Author),คีย์เวิร์ดสำหรับการค้นหา(Keyword) โดยมี Tag สำคัญ
คือ
<TITLE>..........</TITLE
>
ข้อความที่ใช้เป็นTITLEไม่ควรพิมพ์เกิน64ตัวอักษร,
ไม่ต้องใส่ลักษณะพิเศษ เช่น ตัวหนา เอียง หรือสี
และควรใช้ภาษาที่มีความหมายครอบคลุมถึงเนื้อหาของเว็บเพจนั้นหรือ
เป็นคำสำคัญในการค้นหา(Keyword)
<BODY>..........</BODY>
Body Section
เป็นส่วนเนื้อหาหลักของหน้าเว็บซึ่งการแสดงผลจะต้องใช้ Tag
จำนวนมาก ขึ้นอยู่กับลักษณะของข้อมูล เช่น
ข้อความ,รูปภาพ,เสียง,วีดิโอ ส่วนเนื้อหาเอกสารเว็บ
เป็นส่วนการทำงานหลักของหน้าเว็บ ประกอบด้วย Tag มากมายตามลักษณะของข้อมูลที่ต้องการนำเสนอ การป้อนคำสั่งในส่วนนี้ไม่มีข้อจำกัดสามารถป้อนติดกัน หรือ 1 บรรทัดต่อ 1 คำสั่งก็ได้แต่ส่วนใหญ่จะยึดรูปแบบที่อ่านง่าย คือ การทำย่อหน้าในชุดคำสั่งที่เกี่ยวข้องกัน ทั้งนี้ให้ป้อนคำสั่งทั้งหมดภายใต้
Tag <BODY> … </BODY>และแบ่งกลุ่มคำสั่งได้ดังนี้
1.กลุ่มคำสั่งเกี่ยวกับการจัดรูปแบบเอกสาร
2.กลุ่มคำสั่งจัดแต่ง/ควบคุมรูปแบบตัวอักษร
3.กลุ่มคำสั่งการทำเอกสารแบบรายการ(List)
4.กลุ่มคำสั่งเกี่ยวกับการทำลิงค์
5.กลุ่มคำสั่งจัดการรูปภาพ
6.กลุ่มคำสั่งจัดการตาราง(Table)
7.กลุ่มคำสั่งควบคุมเฟรม
8.กลุ่มคำสั่งอื่นๆ
1.กลุ่มคำสั่งเกี่ยวกับการจัดรูปแบบเอกสาร
2.กลุ่มคำสั่งจัดแต่ง/ควบคุมรูปแบบตัวอักษร
3.กลุ่มคำสั่งการทำเอกสารแบบรายการ(List)
4.กลุ่มคำสั่งเกี่ยวกับการทำลิงค์
5.กลุ่มคำสั่งจัดการรูปภาพ
6.กลุ่มคำสั่งจัดการตาราง(Table)
7.กลุ่มคำสั่งควบคุมเฟรม
8.กลุ่มคำสั่งอื่นๆ
สรุป
<HTML>....</HTML>
คำสั่งเริ่มต้นคำสั่ง html เป็นคำสั่งเริ่มการเขียน
<HEAD>....</HEAD>
เป็นส่วนหัวของเว็บเพจ บอกคุณสมบัติของเว็บเพจ
<TITLE>....</TITLE>
ใช้บอกชื่อของเว็บเพจ
<BODY>....</BODY>
เป็นส่วนสำคัญที่สุด
เพราะเป็นส่วนที่แสดงเนื้อหาทั้งหมด
อาจรวมถึงข้อความ รูปภาพ ตาราง การเชื่อมโยง
#http://www.hellomyweb.com
#http://pirun.ku.ac.th
