|
ไฟล์เอกสาร
HTML ประกอบด้วยส่วนประกอบสองส่วนคือ Head กับ Body โดยสามารถเปรียบเทียบได้ง่ายๆ
ก็คือ ส่วน Head จะคล้ายกับส่วนที่เป็น Header ของหน้าเอกสารทั่วไป
หรือบรรทัด Title ของหน้าต่างการทำงานในระบบ Windows สำหรับส่วน
Body จะเป็นส่วนเนื้อหาของเอกสารนั้นๆ โดยทั้งสองส่วนจะอยู่ภายใน
Tag <HTML>
</HTML>
โครงสร้างไฟล์ HTML
ส่วนหัวเรื่องเอกสารเว็บ
(Head Section)
Head
Section เป็นส่วนที่ใช้อธิบายเกี่ยวกับข้อมูลเฉพาะของหน้าเว็บนั้นๆ
เช่น ชื่อเรื่องของหน้าเว็บ (Title), ชื่อผู้จัดทำเว็บ (Author),
คีย์เวิร์ดสำหรับการค้นหา (Keyword) โดยมี Tag สำคัญ คือ
|
<HEAD>
<TITLE>ข้อความอธิบายชื่อเรื่องของเว็บ</TITLE>
<META
HTTP-EQUIV="Content-Type" CONTENT="text/html;
charset=TIS-620">
<META
NAME="Author" CONTENT="ชื่อผู้พัฒนาเว็บ">
<META
NAME="KeyWords" CONTENT="ข้อความ 1, ข้อความ 2,
">
</HEAD>
คลิกเพื่อดูตัวอย่าง
|
- ข้อความที่ใช้เป็น
TITLE ไม่ควรพิมพ์เกิน 64 ตัวอักษร, ไม่ต้องใส่ลักษณะพิเศษ
เช่น ตัวหนา, เอียง หรือสี และควรใช้เฉพาะภาษาอังกฤษที่มีความหมายครอบคลุมถึงเนื้อหาของเอกสารเว็บ
หรือมีลักษณะเป็นคำสำคัญในการค้นหา (Keyword)
- การแสดงผลจาก
Tag TITLE บนเบราเซอร์จะปรากฏข้อความที่กำกับด้วย Tag TITLE
ในส่วนบนสุดของกรอบหน้าต่าง (ใน Title Bar ของ Window นั่นเอง)
- Tag
META จะไม่ปรากฏผลบนเบราเซอร์ แต่จะเป็นส่วนสำคัญ ในการทำคลังบัญชีเว็บ
สำหรับผู้ให้บริการสืบค้นเว็บ (Search Engine) และค่าอื่นๆ
ของการแปลความหมาย
- การพิมพ์ชุดคำสั่ง
HTML สามารถพิมพ์ได้ทั้งตัวพิมพ์เล็ก ตัวพิมพ์ใหญ่ หรือผสม
การย่อหน้า เว้นบรรทัด หรือช่องว่าง สามารถกระทำได้อิสระ
โปรแกรมเบราเซอร์จะไม่สนใจเกี่ยวกับระยะเว้นบรรทัดหรือย่อหน้า
หรือช่องว่าง
ส่วนเนื้อหาเอกสารเว็บ
(Body Section)
Body
Section เป็นส่วนเนื้อหาหลักของหน้าเว็บ ซึ่งการแสดงผลจะต้องใช้
Tag จำนวนมาก ขึ้นอยู่กับลักษณะของข้อมูล เช่น ข้อความ, รูปภาพ,
เสียง, วีดิโอ หรือไฟล์ต่างๆ
ส่วนเนื้อหาเอกสารเว็บ
เป็นส่วนการทำงานหลักของหน้าเว็บ ประกอบด้วย Tag มากมายตามลักษณะของข้อมูล ที่ต้องการนำเสนอ
การป้อนคำสั่งในส่วนนี้ ไม่มีข้อจำกัดสามารถป้อนติดกัน หรือ
1 บรรทัดต่อ 1 คำสั่งก็ได้ แต่มักจะยึดรูปแบบที่อ่านง่าย คือ
การทำย่อหน้าในชุดคำสั่งที่เกี่ยวข้องกัน ทั้งนี้ให้ป้อนคำสั่งทั้งหมดภายใต้
Tag <BODY>
</BODY> และแบ่งกลุ่มคำสั่งได้ดังนี้
- กลุ่มคำสั่งเกี่ยวกับการจัดการพารากราฟ
- กลุ่มคำสั่งจัดแต่ง/ควบคุมรูปแบบตัวอักษร
- กลุ่มคำสั่งการทำเอกสารแบบรายการ
(List)
- กลุ่มคำสั่งเกี่ยวกับการทำลิงค์
- กลุ่มคำสั่งจัดการรูปภาพ
- กลุ่มคำสั่งจัดการตาราง
(Table)
- กลุ่มคำสั่งควบคุมเฟรม
- กลุ่มคำสั่งอื่นๆ
|
