ความรู้เบื้องต้นเกี่ยวกับการสร้างเอกสาร HTML
เครื่องมือที่ใช้ในการสร้างเอกสาร HTML
- โปรแกรมแก้ไขข้อความ (Text Editing Program หรือ Text Editor)
เช่น โปรแกรม NotePad บนวินโดวส์, โปรแกรม Vi บนระบบปฏิบัติการยูนิกส์, หรือโปรแกรมแก้ไขข้อความชนิดอื่น ๆ บนระบบปฏิบัติการของเครื่องแม็คอินทอช
- โปรแกรมเวปเบราว์เซอร์ (Web Browser) เช่น โปรแกรม Netscape Commumicator หรือโปรแกรม Internet Explorer
รูปแบบของเอกสาร HTML
- มีนามสกุลของเอกสาร เป็น .html หรือ .htm
- ข้อความที่อยู่ในเอกสาร เป็นตัวอักษรปกติล้วน ๆ หรือเป็นตัวอักษรปกติ
ควบคู่กับคำสั่งในภาษา HTML
รูปแบบของคำสั่ง HTML
- คำสั่งใน HTML เรียกว่าแท็ก (Tag)
- การใช้งานแท็ก จะใช้ประกอบกับ ตัวอักษรปกติ เพื่อกำหนดรูปแบบ ของตัวอักษร
ที่จะแสดงบนโปรแกรมเวปเบราว์เซอร์ ตามที่เราต้องการ เช่น ถ้าเราต้องการแสดงคำว่า TEST เป็นตัวหนา
สามารถทำได้โดย เขียนคำสั่งเป็น <b>TEST</b>
- แต่ละแท็กจะประกอบด้วย เครื่องหมายน้อยกว่า, ชื่อแท็ก (ตัวเล็กหรือตัวใหญ่ก็ได้), เครื่องหมายมากกว่า เช่น <HTML>, <HEAD>, <BODY>
- ในบางแท็ก จะประกอบไปด้วย แท็กเปิด และแท็กปิด
- แท็กเปิดคือ แท็กปกติ เช่น <HTML>
- แท็กปิดคือ แท็กที่มีเครื่องหมาย / นำหน้าชื่อแท็ก เช่น </HTML>
- ในบางแท็ก อาจไม่จำเป็นต้องมีแท็กปิด เช่น แท็ก <BR>, <WBR>
โครงสร้างของการเขียน HTML
<HTML>
<HEAD>
กำหนดค่าเริ่มต้น และกำหนดชื่อ ของเอกสาร ที่จะปรากฏบน Title Bar
</HEAD>
<BODY>
กำหนดรูปแบบ ของเอกสาร ที่ต้องการจะให้แสดงผล
ในหน้าต่างของโปรแกรมเว็บบราวเซอร์
</BODY>
</HTML>
ขั้นตอนในการสร้างเอกสาร HTML
- ใช้โปรแกรมแก้ไขข้อความ เช่น โปรแกรม NotePad บนระบบปฏิบัติการวินโดวส์ ในการสร้างตัวเอกสารขึ้นมา โดยการใช้ภาษา HTML
- ตรวจสอบ การแสดงผลของเอกสาร ที่เราได้สร้างขึ้น ด้วยโปรแกรมเว็บบราวเซอร์ เช่น โปรแกรม Netscape Communicator หรือ โปรแกรม Internet Explorer
คำสั่งที่ไม่เกิดการทำงาน (COMMENT TAG)
ในการสร้างเอกสาร HTML นั้น เราสามารถกำหนด ส่วนที่ไม่ต้องการ ให้เกิดการแปลความหมาย
โดยโปรแกรมเว็บบราวเซอร์ได้ โดยการใช้คำสั่ง ที่ไม่เกิดการทำงาน หรือแท็กคอมเมนต์
ซึ่งวิธีการในการ ใช้แท็กคอมเมนต์นั้น ทำได้โดย การใช้รูปแบบดังต่อไปนี้
<!--ข้อความที่ไม่ต้องการให้เกิดการประมวลผล-->
หรือ
<!--
ข้อความที่ไม่ต้องการให้เกิดการประมวลผล
-->