การเขียนโฮมเพจด้วยภาษา HTML นั้น เอกสาร HTML จะประกอบด้วยส่วนประกอบ2 ส่วน ดังนี้
</html>
คำสั่ง หรือ Tag ที่ใช้ในภาษา HTML ประกอบไปด้วยเครื่องหมายน้อยกว่า "<" ตามด้วย ชื่อคำสั่งและปิดท้ายด้วยเครื่องหมายมากกว่า ">" เป็นส่วนที่ทำหน้าที่ตกแต่งข้อความ เพื่อ การแสดงผลข้อมูล โดยทั่วไปคำสั่งของ HTML ส่วนใหญ่จะอยู่เป็นคู่ มีเพียงบาง คำสั่งเท่านั้น ที่มีรูปแบบคำสั่งอยู่เพียงตัวเดียว ในแต่ละคำสั่ง จะมีคำสั่งเปิดและปิด คำสั่งปิดของแต่ละ คำสั่งจะมี รูปแบบเหมือนคำสั่งเปิด เพียงแต่จะเพิ่ม "/" (Slash) นำหน้าคำสั่ง ปิดให้ดู แตกต่าง เท่านั้น และในคำสั่งเปิดบางคำสั่ง อาจมีส่วนขยายอื่นผสมอยู่ด้วย
ในการเขียนคำสั่งภาษา 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>
ในบทเรียนนี้ได้ทำการจัดเนื้อหาสำหรับการสร้างโฮมเพจด้วยภาษา HTML สำหรับกลุ่มคำสั่งได้ดังนี้
1. กลุ่มคำสั่งจัดรูปแบบตัวอักษร
2. กลุ่มคำสั่งการจัดรูปแบบเอกสาร
3. กลุ่มคำสั่งจัดการรูปภาพ
4.กลุ่มคำสั่งการจัดรูปแบบฉากหลัง
5.
กลุ่มคำสั่งจัดการตาราง
6. กลุ่มคำสั่งเกี่ยวกับการเชื่อมโยง
สรุป
จงเลือกคำตอบที่ถูกที่สุด
1. การเขียนโปรแกรมด้วยภาษา HTML นั้นจะต้องขึ้นต้น และลงท้ายด้วยคำสั่งในข้อใด
ก. <html>… </html>
2. คำสั่ง <Title> </Title> ใช้สำหรับระบุเกี่ยวกับเอกสาร HTMLในส่วนใด
ข. ส่วนหัวหรือชื่อเรื่องของเอกสาร
3. ข้อใดคือนามสกุลของแฟ้มข้อมูลเอกสารภาษา HTML
ที่สามารถแสดงผลผ่านระบบเครือข่ายอินเทอร์เน็ต
ก. .html
4. Tag ในภาษา HTML หมายถึงอะไร
ง. การลงรหัสในเครื่องหมาย < >
5. ในภาษา HTMLคำสั่งใดที่เขียนเป็นบรรทัดแรก
ค. <HTML>
6. ส่วนของเนื้อหาของเอกสาร HTML จะอยู่ระหว่างป้ายระบุคำสั่ง (Tag) ในข้อใด
ง. <Body></Body>
7. คำสั่งในข้อใดเป็นคำสั่งที่ใช้สำหรับขึ้นบรรทัดใหม่ใน
การแสดงผลข้อมูล
ข. <BR>
8. โดยทั่วไปแล้วแฟ้มข้อมูลที่เป็นหน้าแรกของเว็บเพจจะมีชื่อแฟ้มข้อมูลตรงกับข้อใด
ก. index.html
9. โปรแกรมใดใช้ในการเขียนคำสั่ง HTML
ก. Notepad
10. จากข้อความ body bgcolor=”red” เป็นคำสั่งใช้กำหนดอะไร
ค. การกำหนดสีให้กับพื้นหลัง
11. การเชื่อมโยงไปยังเว็บเพจอื่นต้องใช้คำสั่งใด
ค. <a href=”test.html”>ข้อความลิงก์</a>
12. ข้อใดคือรูปแบบการลิงค์โดยใช้คำสั่ง
<a href=”//www.google.co.th”>ข้อความลิงก์</a>
ค. การเชื่อมโยงไปยังเว็บไซต์อื่น
13. คำสั่งแทรกรูปภาพประกอบในเว็บเพจคือคำสั่งใด
ก. <IMG SRC=”ชื่อภาพ.นามสกุล”>
14. ข้อใดไม่ใช่ไฟล์ข้อมูลรูปภาพ
ง. printer.html
15. หากต้องการกำหนดความสูงของรูปภาพที่แสดงผลในเอกสารให้มีความสูง 200 พิกเซล
จะต้องใช้งานคำสั่งตรงกับข้อใด
ก. <IMG src=”plam.jpg” width=”200”>
16. คำสั่งในข้อใด คือคำสั่งสำหรับกำหนดพื้นหลังของเอกสารเว็บให้เป็นรูปภาพได้ถูกต้อง
ค. <Body Background=”bg1.jpg”>
17. คำสั่งจัดข้อความชิดซ้าย คือคำสั่งใด
ข. <align=”left”>ข้อความ</align>
18. คำสั่งใดแสดงข้อความตัวหนา
ค. <b>ข้อความ</b>
19. คำสั่งใดแสดงข้อความตัวเอียง
ก. <u>ข้อความ</u>
20. ข้อใดคือคำสั่งภาษา HTML ที่เป็นป้ายระบุแบบเดี่ยว
ค. <FONT>