4000107 เทคโนโลยีสารสนเทศเพื่อชีวิต
Information Technology for Life
3 (2 - 2)

ผู้สอน : รศ จุมพจน์ วนิชกุล
โปรแกรมวิชาบรรณารักษศาสตร์และสารนิเทศศาสตร์
คณะมนุษยศาสตร์และสังคมศาสตร์
สถาบันราชภัฏกาญจนบุรี
อ. เมือง กาญจนบุรี 71000
chumpot@hotmail.com


หมู่เรียน 451221301
เวลาเรียน วันจันทร์ เวลา 08.30 - 12.00 น. และการนัดหมายในช่วงเวลาอื่นๆ

การใช้คำสั่ง HTML

HTML ย่อมาจากคำว่า Hyper Text Markup Language เป็นภาษาที่ใช้ในการเขียนคำสั่งให้โปรแกรมประเภท Web Browser ในระบบอินเทอร์เน็ตสามารถแปลงคำสั่งและแสดงผลเป็นรูปภาพ เสียง หรือ ข้อมูลได้

HTML ประกอบไปด้วย tag ซึ่งจะอยู่ในเครื่องวงเล็บมุม < > ( angle-brackets) เวลาพิมพ์คำสั่งใช้ตัวอักษรอย่างไรก็ได้ ไม่ว่าจะเป็นตัวเล็กหรือตัวใหญ่ โดยมีรูปแบบสัญลักษณ์ ดังนี้ <tag>.........................</tag>

ภาษาคำสั่งของ HTML จะมีโครงสร้างเป็นไฟล์ที่มีนามสกุลเป็น .html (ASCII text files) โดยไฟล์ของภาษาHTML จะประกอบไปด้วยคำสั่ง (Tags) หลายคำสั่งประกอบกัน การสร้างไฟล์ HTML จะประกอบไปด้วยโปรแกรม 2 โปรแกรม คือ
1. โปรแกรมที่มีคุณสมบัติเป็น Text Editor โปรแกรมประเภทนี้มีความจำเป็นในการเขียนคำสั่งต่างๆ หรือ รายละเอียดของข้อมูลที่ต้องการนำเสนอ และจัดเก็บไฟล์เป็น .html ได้แก่โปรแกรม Notepad หรือ Wordpad ซึ่งมีอยู่แล้วในโปรแกรม MS Windows นอกจากนี้ยังมีโปรแกรม Text Editor อีกมากที่ใช้ในการเขียนได้ เช่น โปรแกรมเว็บเอดิเตอร์ (Web Editor) ได้แก่ โปรแกรม Hotdog โปรแกรม Mocrosoft Frontpage โปรแกรม Web Edit เป็นต้น
2. โปรแกรมเว็บบราวเซอร์ (Web Browsers) เป็นโปรแกรมสำหรับการอ่านเอกสาร HTML ในระบบอินเทร์เน็ต ได้แก่โปรแกรม Microsoft Internet Explorer Netscape Communicator เป็นต้น

รูปแบบของโครงสร้างพื้นฐานของไฟล์ HTML จะประกอบไปด้วยส่วนที่สำคัญ 2 ส่วน คือ

1. ส่วนหัวของโปรแกรม (HEAD) เป็นส่วนที่กำหนดข้อความในส่วนที่เป็นชื่อเรื่อง ซึ่งจะปรากฏในไตเติ้ลบาร์ของโปรแกรมเว็บบราวเซอร์เท่านั้น
2. ส่วนเนื้อหาของโปรแกรม (BODY) เป็นส่วนที่สำคัญในการแสดงผลทั้งหมด ไม่ว่าจะเป็นหัวเรื่อง เนื้อหา การใส่รายละเอียดของตัวเนื้อหาประกอบต่างๆ เช่น รูปภาพ เสียง การกำหนดรายละเอียดต่างๆเกี่ยวข้องกับการออกคำสั่งต่างๆด้วยภาษา HTML ในแต่ละรายการ

ตัวอย่างการเขียนเอกสารด้วยคำสั่งภาษา HTML

คำสั่งพื้นฐานของภาษา HTML คำสั่ง Tag ในส่วนหัว <HTML> <HEAD> <meta http-equiv="Content-Language" content="th"> <meta http-equiv="Content-Type" content="text/html; charset=windows-874"> <TITLE>คอมพิวเตอร์สำหรับบัณฑิตศึกษา </TITLE> </HEAD> คำสั่ง Tag ในส่วน Body <BODY> <body bgcolor="gold"> <p align="left"><img border="0" src="flower.jpg" width="108" height="86"> <h2><font size="6" color="red">4125101 คอมพิวเตอร์สำหรับบัณฑิตศึกษา <dd>Computers for Graduates</font> <p>ภาคปลาย ปีการศึกษา 2544 <dd>2 (2-1) <p align="left"><img border="0" src="rainbow.gif" width="800" height="10"></p> <p><font size="6" color="#FF0000">สัปดาห์ที่ 7</font> <dd>วันที่ 16 ธันวาคม 2544 <dd><font size="5" color="#FF0000">การใช้คำสั่ง HTML ในการจัดทำเอกสารอิเล็กทรอนิกส์</font> <dd><font size="5" color="#FF0000">1. หัวข้อการเรียนการสอน</font> <h2><dd><a href="doc9.doc">1.1 คำสั่งพื้นฐานในการสร้างเอกสาร HTML </a> <dd><font size="5" color="#FF0000">2. กิจกรรม</font> <p><dd>2.1 ให้นักศึกษาอ่านคำแนะนำในการเขียนคำสั่งพื้นฐานด้วยภาษา HTML จากข้อ 1.1 <dd>2.2 ให้นักศึกษาทบทวนเกี่ยวกับการใช้คำสั่งพื้นฐาน <a href="htmltags.htm"> TAGS </a>ต่างๆ โดยเฉพาะ Tag ใน<a href="htmlhead.htm">ส่วนหัว</a> และ Tag ใน<a href="htmlbody.htm">ส่วนตัวเนื้อหา</a> <dd>2.3 ให้ฝึกปฏิบัติการใช้คำสั่งพื้นฐานในข้อ 2.2 ให้สอดคล้องกับงานที่กำลังทำอยู่ <p align="left"><img border="0" src="rainbow.gif" width="800" height="10"></p> <a href="index.html">หน้าสารบัญ</a> </BODY> </HTML>

ปรับปรุงล่าสุด วันที่ 15 กรกฎาคม 2546
รศ. จุมพจน์ วนิชกุล
chumpot@hotmail.com