<< back บทที่ 1 รู้จักกับ HTML





HTML คืออะไร
HTML ย่อมาจากคำว่า"Hyper Text Markup Language" เป็นรูปแบบหนึ่งของภาษาที่ใช้ในการสร้างเอกสาร (Homepage) ซึ่งคอมพิวเตอร์ทำหน้าที่ประมวลผลข้อมูลผ่าน protocol HTTP

JAVA คืออะไร
Java เป็นภาษาในลักษณะที่เป็นการเขียนโปรแกรม เช่นเดียวกับ c++ มีความสามารถในการแสดงภาพเคลื่อนไหวมีฟังก์ชันสำหรับการสร้างคำสั่งและแสดงผล และอื่นๆที่ทำให้ Web Page มีความสามารถมากยิ่งขึ้น มีอยู่2รูปแบบ คือ Java Script และ Java Applet โดยเราจะเขียน Java Script แทรกอยู่ในไฟล์ HTML ส่วน Java Applet นั้น จะใช้วิธีเรียกโปรแกรมใน HTML แทน

โปรแกรมที่ใช้เขียน HTML
ใช้โปรแกรม Text Editor ตัวใดก็ได้ที่เก็บข้อมูลแบบ ASCII เช่น edit.com ใน DOS, notepad.exe ใน Windows, vi ใน UNIX แล้วเก็บเป็นไฟล์ให้มีนามสกุลเป็น .htm หรือ .html โดยไฟล์ HTMLจะเป็น Text file ธรรมดาที่ไม่ธรรมดา เพราะในไฟล์ จะมีการกำหนดคำสั่ง (Tags) เพื่อให้ Web Browser แสดงผลออกมาตามที่เราต้องการ

โครงสร้างพื้นฐานของ HTML
โครงสร้างพื้นฐานของ HTML ประกอบไปด้วยส่วนของคำสั่ง 2 ส่วน ได้แก่ ส่วนที่เป็นส่วนหัว (Head) และเนื้อหา (body) โดยมีรูปแบบของภาษาเป็นดังนี้


โปรแกรมภาษา HTML ไม่มีระบบตรวจสอบความถูกต้องของการเขียนโปรแกรม (debug) ดังนันไม่ว่าเราจะเขียนคำสั่งถูกหรือผิด โปรแกรมก็จะไม่มีการเตือน เช่น ถ้าเราพิมพ์คำสั่งผิดโปรแกรมก็จะไม่สามารถรับรู้ถึงความผิดพลาดที่เกิดขึ้น แต่จะมองเห็นคำสั่งที่ผิดนั้นเป็นข้อความที่เราต้องการจะให้นำไปแสดงเท่านั้น ดังนั้น ในขณะที่เขียน HTML จึงต้องหมันตรวจสอบผลขณะที่เขียนกับ Web Browser อยู่ตลอดเวลา ดังนั้นลักษณะการเขียนที่จะตรวจสอบได้ง่ายขึ้นคือ
1.คำสั่งที่มีตัวเปิดและตัวปิดให้เขียนเปิด/ปิดให้เรียบร้อยก่อนที่จะเขียนข้อความหรือความสั่งอื่นต่อท้าย เช่น


วิธีการนี้จะช่วยให้ลดความผิดพลาดลงได้มาก
2.ข้อความที่ไม่ยาวนัก ถ้ามีคำสั่งเปิดและปิดให้เขียนในบรรทัดเดียวกัน
3.จัดให้คำสั่งเปิดและปิดในแต่ละชุดคำสั่งอยู่ในตำแหน่งคอลัมน์ตรงกัน

การสร้างไฟล์ HTML ด้วย Notepad.exe
1.start>run>พิมพ์ Notepad>enter
2.พิมพ์คำสั่งในการสร้างไฟล์ HTML (บรรทัด 1-8 ในหน้า 1)
3.เลือกคำสั่ง file>save>ตั้งชื่อว่า Sample1.html ที่เก็บเลือกเป็น C:\DATA
4.ให้เป็น IE(internet explorer) เลือก file>open>Browser>C:>DATA>Sample1.html
5.ถ้าต้องการแก้ไข เพิ่มเติม ลบ ให้แก้ที่ Notepad โดยเพิ่ม, ลบข้อความแล้วเลือก file>save>ที่ IE เลือก Refresh