โครงสร้างของภาษา Html
ลักษณะของภาษา Html
คำสั่งของภาษา Html จะอยู่ในเครื่องหมาย < > เสมอ
ในแต่ละคำสั่ง(tags) ส่วนใหญ่จะมีคำสั่งเปิด < > และคำสั่งปิด >เสมอ เช่น ข้อความ
สามารถใช้อักษรตัวใหญ่ หรือตัวเล็กก็ได้ เช่น
หรือ
จะได้ผลลัพธ์เช่นเดียวกัน ข้อตกลงในการอ่าน
ข้อความที่เป็นตัวหนาจะเป็นคำสั่งภาษา Html ตัวธรรมดาจะเป็นข้อความธรรมดาที่ไม่เกี่ยวกับภาษา Html รูปแบบโครงสร้างของภาษา Html ทุกครั้งที่เราจะเขียนโฮมเพจด้วยภาษา Html เราจะต้องพิมพ์โครงสร้างต่อไปนี้ลงไปก่อนทุกครั้ง
ส่วนของเนื้อหา จากโครงสร้างดังกล่าวสามารถอธิบายได้ดังนี้
คำสั่ง กับ จำเป็นต้องพิมพ์ลงไปทุกครั้งเพื่อบอกว่าเริ่มคำสั่ง html แล้ว และ จบคำสั่ง html แล้วโดย มักจะอยู่บรรทัดแรกเสมอเพื่อบอกว่าเริ่มต้นที่นี่ กับ มักจะอยู่บรรทัดล่างสุดเสมอเพื่อบอกว่าจบส่วนของภาษา html แล้ว
คำสั่ง และ ใช้สำหรับประกาศหัวของโฮมเพจว่าเขียนโดยใคร โฮมเพจชื่อว่าอะไร ฯลฯ เราเรียกว่าส่วนหัวของโปรแกรม
คำสั่ง จะใช้สำหรับบอกว่าโฮมเพจนี้มีเนื้อหาเกี่ยวกับอะไร โดยข้อความที่พิมพ์ลงไประหว่าง จะแสดงในส่วนของ title bar
คำสั่ง และ ข้อมูลที่อยู่ระหว่าง และ จะเป็นส่วนของข้อมูลที่เราต้องการแสดงในเว็บเพจ
ภาษา HTML คืออะไร ?HTML (Hyper Text Markup Language) เป็นภาษาที่ใช้ในการพัฒนา web page เพื่อให้โปรแกรม web brower ต่างๆ (Internet Explorer, Netscape, Opera) สามารถแปลงคำสั่ง แสดงผลในลักษณะของรูปภาพ ตัวอักษร เสียง ภาพเคลื่อนไหว โดยไฟล์ที่สร้างจะมีนามสกุล .html หรือ .htm การสร้างและแก้ไขสามารถใช้โปรแกรม NotePad, WordPad ในวินโดวส์ ลักษณะของไฟล์จะเป็น Text ไฟล์ธรรมดา
ตัวอย่างโครงสร้างภาษา HTML

Sawasdee ค่ะ นี่คือ Web Page แรกของดิฉัน หมายเหตุ :- ตัวหนังสือสีแดง คือคำสั่งในภาษา HTML จากตัวอย่างจะเห็นได้ว่า แต่ละคำสั่งจะอยู่ในเครื่องหมาย "< >" ซึ่งเราเรียกว่า แทก "TAG" แต่ละคำสั่งจะเป็นการบอกจุดเริ่มต้นของคำสั่ง และจุดสิ้นสุดของคำสั่งจะมีสัญลักษณ์ ">"
- หมายถึง คำสั่งที่ใช้กำหนดว่าเป็นเอกสาร HTML (คำสั่งนี้จะอยู่ตอนบนสุดและล่างสุดของไฟล์)
- หมายถึง คำสั่งที่ใช้กำหนดว่าชื่อเรื่องของไฟล์ HTML
- หมายถึง คำสั่งที่ใช้กำหนดว่าชื่อของเอกสาร (คำสั่งนี้จะอยู่ระหว่างคำสั่ง HEAD)
- หมายถึง คำสั่งที่ใช้กำหนดว่าเป็นส่วนของรายละเอียด (คำสั่งนี้จะอยู่หลังคำสั่ง HEAD) ภาพตัวอย่างการเขียนโปรแกรมจาก Notepadโปรแกรม NotePad เป็น Text Editor (โปรแกรมที่ใส่ข้อมูลได้เฉพาะตัวอักษรและตัวเลข รูปภาพไม่สามารถบันทึกได้) ตัวหนึ่งที่มีมาพร้อมกับ Windows ทุกเวอร์ชั่น เราสามารถเรียกโปรแกรม Notepad ขึ้นมาใช้งานได้โดย
คลิกปุ่ม Start
เลือกโปรแกรม Programs
เลือก Accessories
และเลือก NotePad หลังจากนั้นเวลาบันทึก ให้เลือกเมนู File เลือก Save เลือกตั้งชื่อไฟล์ ซึ่งชื่อไฟล์หลักของ Web Page มักจะใช้ชื่อว่า index.html หรือ index.htm หลังจากสร้างเสร็จแล้ว เราสามารถเลือกโปรแกรม browser ซึ่ง ณ ที่นี้เราจะเรียกโปรแกรม Microsoft Internet Explorer ซึ่งมีมาพร้อมกับ Windows เวอร์ชั่น 95 ขึ้นไป โดยการ...
คลิกปุ่ม Start
เลือก Programs
เลือก Internet Explorer
จากนั้นเลือกเมนู File เลือก Open
และเลือกชื่อไฟล์ ทีเราตั้งชื่อไว้ อาจะเป็น index.html หรือ index.htm
ตัวอย่างโครงสร้างภาษา HTML

Sawasdee ค่ะ นี่คือ Web Page แรกของดิฉัน หมายเหตุ :- ตัวหนังสือสีแดง คือคำสั่งในภาษา HTML จากตัวอย่างจะเห็นได้ว่า แต่ละคำสั่งจะอยู่ในเครื่องหมาย "< >" ซึ่งเราเรียกว่า แทก "TAG" แต่ละคำสั่งจะเป็นการบอกจุดเริ่มต้นของคำสั่ง และจุดสิ้นสุดของคำสั่งจะมีสัญลักษณ์ ">"
- หมายถึง คำสั่งที่ใช้กำหนดว่าเป็นเอกสาร HTML (คำสั่งนี้จะอยู่ตอนบนสุดและล่างสุดของไฟล์)
- หมายถึง คำสั่งที่ใช้กำหนดว่าชื่อเรื่องของไฟล์ HTML
- หมายถึง คำสั่งที่ใช้กำหนดว่าชื่อของเอกสาร (คำสั่งนี้จะอยู่ระหว่างคำสั่ง HEAD)
- หมายถึง คำสั่งที่ใช้กำหนดว่าเป็นส่วนของรายละเอียด (คำสั่งนี้จะอยู่หลังคำสั่ง HEAD) ภาพตัวอย่างการเขียนโปรแกรมจาก Notepadโปรแกรม NotePad เป็น Text Editor (โปรแกรมที่ใส่ข้อมูลได้เฉพาะตัวอักษรและตัวเลข รูปภาพไม่สามารถบันทึกได้) ตัวหนึ่งที่มีมาพร้อมกับ Windows ทุกเวอร์ชั่น เราสามารถเรียกโปรแกรม Notepad ขึ้นมาใช้งานได้โดย
คลิกปุ่ม Start
เลือกโปรแกรม Programs
เลือก Accessories
และเลือก NotePad หลังจากนั้นเวลาบันทึก ให้เลือกเมนู File เลือก Save เลือกตั้งชื่อไฟล์ ซึ่งชื่อไฟล์หลักของ Web Page มักจะใช้ชื่อว่า index.html หรือ index.htm หลังจากสร้างเสร็จแล้ว เราสามารถเลือกโปรแกรม browser ซึ่ง ณ ที่นี้เราจะเรียกโปรแกรม Microsoft Internet Explorer ซึ่งมีมาพร้อมกับ Windows เวอร์ชั่น 95 ขึ้นไป โดยการ...
คลิกปุ่ม Start
เลือก Programs
เลือก Internet Explorer
จากนั้นเลือกเมนู File เลือก Open
และเลือกชื่อไฟล์ ทีเราตั้งชื่อไว้ อาจะเป็น index.html หรือ index.htm
ไม่มีความคิดเห็น:
แสดงความคิดเห็น