1. 1 คำสั่ง (Tag)
1.1 Tag เดี่ยว เป็น Tag ที่มีแค่ตัวเดียว ไม่ต้องมีการปิดรหัส เช่น
Embedded Files
1.2 Tag เปิด-ปิด เป็น Tag ที่มีลักษณะการใช้งานที่ต้องใช้เป็นคู่ ดังนี้
2. ลักษณะ (Attribute)
Attribute คือ ตัวบอกรายละเอียดของ Tag นั้น โดยจะเขียนระบุไว้ใน Tag เปิด
เช่น <span align = `left‘> … </span> เป็นการระบุว่าตัวอักษรใน Tag นี้
ให้ชิดซ้าย เป็นต้น
3. Non-Case Sensitive
คือ การใช้ตัวพิมพ์ใหญ่ เช่น <BR> หรือตัวพิมพ์เล็ก เช่น <br> จะให้ผลลัพธ์ที่ไม่ต่างกัน
โครงสร้างภาษา HTML เบื้องต้น
ภาษา HTML มีโครงสร้างพื้นฐานคือ เริ่มต้นด้วย Tag <html> จะจบด้วย </html> เสมอ โดยคำสั่งที่อยู่ภายใต้ Tag <html> </html> ประกอบไปด้วย 2 กลุ่มหลัก ได้แก่
1. Head คำสั่งส่วนนี้จะอยู่ด้านบนของโค้ด โดยที่เป็นคำสั่งที่ใช้อธิบายและกำหนดลักษณะรายละเอียดเกี่ยวกับเว็บเพจ โดยจะไม่แสดงผลที่เว็บเพจโดยตรง
2. Body คำสั่งส่วนนี้จะเป็นคำสั่งที่ใช้เกี่ยวกับการแสดงผลโดยตรงและรูปแบบต่าง ๆ โดยที่ทุกอย่างจะแสดงผลบนเว็บเบราว์เซอร์โดยตรง
โดยเมื่อประกอบรวมกันแล้วจะได้โครงสร้างพื้นฐาน ดังนี้
คำสั่ง HTML เบื้องต้น
1. คำสั่งในส่วนของ Head (Head Section Tag)
Head Section เป็นคำสั่งทั้งหมดภายใต้ Tag <head></head> เป็นส่วนที่ใช้อธิบายเกี่ยวกับข้อมูลเฉพาะของหน้าเว็บ เช่น ชื่อเรื่องของหน้าเว็บ (Title) ชื่อผู้จัดทำเว็บ (Author) คีย์เวิร์ดสำหรับการค้นหา (Keyword) โดยมี Tag ที่สำคัญในเบื้องต้น ได้แก่
เป็นการแสดงชื่อเรื่องของหน้าเว็บข้อความที่ใช้เป็น title ไม่ควรพิมพ์เกิน 64 ตัวอักษร ไม่ใส่ลักษณะพิเศษเช่น ตัวหนา เอียง หรือสี โดยข้อความในส่วนนี้จะแสดงผลใน title bar ของ เว็บเบราว์เซอร์
2. คำสั่งในส่วนของ Body (Body Section Tag)
Body Section คือ คำสั่งทั้งหมดภายใต้ Tag <body></body> และแบ่งกลุ่มคำสั่งเป็นส่วนเนื้อหาหลักของหน้าเว็บซึ่งการแสดงผลจะมีการใช้ Tag จำนวนมากขึ้นอยู่กับลักษณะของข้อมูล เช่น รูปภาพ เสียง วีดิโอ หรือมัลติมีเดีย รวมถึงข้อความเนื้อหาเว็บซึ่งเป็นส่วนการทำงานหลักของเว็บ ดังนี้
เมื่อเขียนแบบนี้จะทำให้หน้าเว็บเพจแสดงผลคำว่า “ชื่อเรื่องของเว็บ” ได้ทันที โดยที่ไม่มีลักษณะพิเศษใด ๆ
ตัวอย่างการใช้งานภาษา HTML เบื้องต้น
การเขียนโค้ด HTML เบื้องต้นนั้น เริ่มต้นที่การเขียนโค้ดลงในโปรแกรม Editor เช่น ใน Notepadจากนั้นจึงบันทึกเป็นไฟล์ html จากนั้นถึงนำไปเปิดแสดงผลในเว็บเบราว์เซอร์ เช่น ในตัวอย่างต้องการเขียนหน้าเว็บเพจ ให้แสดงผลเรื่องวันปีใหม่อย่างเรียบง่ายไม่ซับซ้อน โดยจะใช้โค้ด ดังนี้
โดยใช้คำสั่ง ดังนี้
<html></html>เป็นคำสั่งเริ่มต้นที่ใช้กำหนดจุดเริ่มต้นและสิ้นสุดของโค้ดภาษา HTML
head></head>เพื่อกำหนดว่า คำสั่งภายในคำสั่งนี้เป็นคำสั่งในส่วนของ Head
<title></title>>เพื่อกำหนดชื่อของหน้าเว็บเพจว่า Happy New Year
<body></body>>เพื่อกำหนดว่าคำสั่งภายในคำสั่งนี้เป็นคำสั่งในส่วนของ Body และใช้เขียนข้อความที่ต้องการแสดงผลว่า สุขสันต์วันปีใหม่
1.เปิดโปรแกรม Notepad และเขียนโค้ดดังกล่าวลงไป
2.คลิกที่ File > Save As หรือ Save (กรณีที่บันทึกไฟล์ครั้งแรก) จะปรากฏหน้าต่าง Save As
2.1 ไปที่โฟลเดอร์ที่ต้องการบันทึกไฟล์
2.2 เลือก Save as type เป็น All Files จากนั้นตั้งชื่อ File Name ว่า newyear.html
2.3 เลือก Encoding เป็น Unicode
2.4 กด Save
3.ไปยังโฟลเดอร์ที่บันทึกไฟล์ html ไว้ให้คลิกขวาที่ไฟล์แล้วไปที่ Open with > Internet Explorer
4.Internet Explorer จะเปิดหน้าเว็บเพจที่ได้เขียนไว้ขึ้นมา ซึ่งจะแสดงผลได้ ดังนี้
Page updated
Report abuse