การใช้คำสั่ง HTML
ภาษาคำสั่งของ 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
<![CDATA[
คำสั่งพื้นฐานของภาษา 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 คอมพิวเตอร์สำหรับบัณฑิตศึกษา
<br>Computers for Graduates</font>
<p>ภาคปลาย ปีการศึกษา 2544
<br>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>
<br>วันที่ 16 ธันวาคม 2544
<br><font size="5" color="#FF0000">การใช้คำสั่ง HTML ในการจัดทำเอกสารอิเล็กทรอนิกส์</font>
<br><font size="5" color="#FF0000">1. หัวข้อการเรียนการสอน</font>
<h2><ol><a href="doc9.doc">1.1 คำสั่งพื้นฐานในการสร้างเอกสาร HTML </a></ol>
<br><font size="5" color="#FF0000">2. กิจกรรม</font>
<p><ol>2.1 ให้นักศึกษาอ่านคำแนะนำในการเขียนคำสั่งพื้นฐานด้วยภาษา HTML จากข้อ 1.1
<br>2.2 ให้นักศึกษาทบทวนเกี่ยวกับการใช้คำสั่งพื้นฐาน <a href="htmltags.htm">
TAGS </a>ต่างๆ โดยเฉพาะ Tag ใน<a href="htmlhead.htm">ส่วนหัว</a> และ
Tag ใน<a href="htmlbody.htm">ส่วนตัวเนื้อหา</a>
<br>2.3 ให้ฝึกปฏิบัติการใช้คำสั่งพื้นฐานในข้อ 2.2 ให้สอดคล้องกับงานที่กำลังทำอยู่</ol></ol>
<p align="left"><img border="0" src="rainbow.gif" width="800" height="10"></p>
<a href="index.html">หน้าสารบัญ</a>
</BODY>
</HTML>
]]>
|
