การระบุรูปแบบคำสั่งหรือการใส่รหัสคำสั่งของภาษา HTML ประกอบไปด้วยแท็ก (Tag) ภายในเครื่องหมาย less-than bracket ( < ) และ greater-than bracket ( > )
แท็กในHTML แบ่งเป็น 2ประเภทคือคอนเทนเนอร์แท็ก(Container Tag) และแท็กเปล่า(EmptyTag)
- คอนเทนเนอร์แท็ก(Container Tag) ประกอบไปด้วยแท็กเปิด และแท็กปิด เช่น <H1>ข้อความ</H1> โดยที่แท็กปิดจะมี เครื่องหมาย/ นำหน้าแท็ก
- แท็กเปล่า(EmptyTag)หรือแท็กเดี่ยว จะมีแท็กเปิดอย่างเดียว เช่น <HR> เป็น Tag ที่ไม่ต้องมีแท็กปิด
- แท็กจะถูกเขียนด้วยตัวอักษรพิมพ์ใหญ่หรือพิมพ์เล็กก็ได้ จะไม่มีผลต่อการแสดงผลของเว็บเบราว์เซอร์ เช่น <BR> กับ<br> , <B>ข้อความ</B>กับ<b>ข้อความ</b> เว็บเบราว์เซอร์จะแปลความหมายเหมือนกัน
โครงสร้างหลักของภาษา HTML (Hyper Text Markup Language)
โครงสร้างไฟล์HTML แบ่งออกเป็น 3 ส่วน คือ ส่วนหัวเรื่อง ( Head Section) และส่วนเนื้อหา (Body Section)
1. ส่วนประกาศ เป็นส่วนที่กำหนดให้บราวเซอร์ทราบว่า นี่คือภาษา HTML และจะต้องทำการแปรผลอย่างไร โดยมีคำสั่ง<html> และ </html>ปรากฏที่หัวและท้ายไฟล์ เป็นตัวกำหนดขอบเขตไฟล์
2. ส่วนหัวเรื่อง (Head Section) เป็นส่วนที่แสดงผลข้อความบนไตเติ้ลบาร์ (title) ของบราวเซอร์ ้กำหนดข้อมูลเฉพาะของหน้าเว็บโดยใช้แท็ก <head> ….</head> และชื่อเรื่องของเว็บ(ชื่อเว็บเพจ)จะกำหนดให้อยู่ภายในแท็ก <title>….</title> ซึ่งข้อความนี้จะปรากฏที่ title bar ของบราวเซอร์ที่เราใช้งานอยู่ ความยาวไม่เกิน 64 ตัวอักษร เช่น Web Creator Insite สร้างเว็บด้วยภาษา HTML และนอกจากจะใช้แสดงชื่อเรื่องของเว็บไซต์บนtitle bar แล้ว ยังเป็นข้อความที่จะถูกกำหนดให้ใช้เป็นคำสำคัญ ที่เรียกว่า Keyword ใช้ในการสืบค้นข้อมูลจากSearch Engine อีกด้วย
3. ส่วนเนื้อหา (Body Section) เป็นส่วนเนื้อหามีไว้กำหนดรายละเอียดต่างๆ ที่ต้องการแสดงบนหน้าเว็บ ไม่ว่าจะเป็นข้อความ รูปภาพ ตาราง และการเชื่อมโยงต่อไปยังเอกสารอื่น ๆ เป็นส่วนที่มีความซับซ้อนมากที่สุด และสามารถใส่เทคนิคลูกเล่นเพื่อ ดึงดูดความสนใจจากผู้ชมได้มาก ความแตกต่างระหว่างเว็บไซต์ต่างๆ แสดงความมีฝีมือของ ผู้จัดทำ ศิลปะในการออกแบบจะอยู่ในส่วนนี้ทั้งหมด ซึ่งจะแทรกอยู่ระหว่างคำสั่ง <body> ….</body>
สร้างหน้าเว็บภาษา HTML อย่างไร
HTML กับคำศัพท์ที่เกี่ยวข้อง
- Internet เครือข่ายคอมพิวเตอร์ที่ใหญ่ที่สุดในโลก เกิดจากการเชื่อมโยงของเครือข่ายต่างๆ เข้าด้วยกัน
- Hypertext รูปแบบเอกสารที่บรรจุการเชื่อมโยงไปยังเอกสารอื่นๆ ซึ่งสามารถใช้ข้อความ หรือรูป เป็นจุดเชื่อมโยง(Hyperlink)
- WWW ย่อจาก World Wide Web เป็นการสื่อสารด้วยการเชื่อมโยงเครือข่ายข่าวสารแบบใยแมงมุม(Web) แสดงผล
- ด้วยเอกสารไฮเปอร์เท็กซ์
- HTTP ย่อมาจาก Hypertext Transfer Protocol เป็นรูปแบบการสื่อสารที่ใช้ในการรับส่งข้อมูลไฮเปอร์เท็กซ์ในเครือข่ายอินเทอร์เน็ต
- Web Browser โปรแกรมสำหรับแสดงผลหน้าเว็บ เช่น Internet Explorer, Mozilla Firefox และ Google Chrome เป็นต้น
- Web Page หน้าเอกสารที่อยู่ในรูปของไฮเปอร์เท็กซ์
- Web Site กลุ่มของหน้าเว็บหลายๆ หน้ารวมเข้าด้วยกัน
- Home Page หน้าเว็บ หน้าแรกของเว็บไซต์
- Web Site เครื่องให้บริการที่เป็นที่เก็บข้อมูลของ เว็บไซด์
เครื่องมือในการสร้างเว็บไซด์ด้วยภาษา HTML
เครื่องมือที่ใช้ในการเขียนและแก้ไขโค้ดเรียกว่า Text Editor ซึ่งเป็นโปรแกรมที่ใช้สำหรับการสร้างและแก้ไขข้อความคือ Notepad หรือ TextEdit
นอกจากนี้ปัจจุบันยังมีโปรแกรมตัวอื่นมากมายที่ใช้สำหรับแก้ไขโค้ด HTML หรือทำให้เราสามารถสร้างเว็บเพจ จากภาษา HTML โดยไม่ต้องมานั่งเขียนโค๊ด HTML เอง เช่น
-Adobe Dreamweaver
-Microsoft Expression Web
-CoffeeCup HTML Editor
หรือเว็บไซด์ให้บริการ