เขียน web ตอนที่ 1
สมาชิกเลขที่14 | 24 ก.ย. 53
2K views
ภาษาHTML คืออะไร
HTML (Hyper Text Markup Language) เป็นภาษาพื้นฐาน หรือภาษาต้นตำหรับที่ใช้ในการพัฒนาweb page ภาษาหนึ่ง
เพื่อให้โปรแกรม web brower ต่างๆ (Internet Explorer, FireFox, Opera)
สามารถแปลงคำสั่ง แสดงผลในลักษณะของรูปภาพ ตัวอักษร เสียง ภาพเคลื่อนไหว
โดยไฟล์ที่สร้างจะมีนามสกุล .html หรือ .htm การสร้างและแก้ไขสามารถใช้โปรแกรม Text-Editor ต่างๆ เช่น Notepad , Editplus
หรืออาจจะใช้ โปรแกรมประเภท WYSIWYG (What You See Is What You Get) เช่น
Macromedia Dreamweaver / Microfosft Frontpage
โดยโครงสร้างของ ภาษา HTML จะมีลักษณะตามตัวอย่าง
ตัวอย่างโครงสร้างภาษา HTML
<HTML>
<HEAD>
<TITLE> สร้าง web บทที่ 1</TITLE>
</HEAD>
<BODY>
ข้อความแสดงผล
</BODY>
</HTML>
คำอธิบายคำสั่ง
<HTML> </HTML> เป็น คำสั่งที่ใช้กำหนดว่าเป็นเอกสาร HTML (คำสั่งนี้จะอยู่ตอนบนสุดและล่างสุดของไฟล์)
<HEAD> </HEAD> เป็น คำสั่งที่ใช้กำหนดว่าชื่อเรื่องของไฟล์ HTML
<TITLE> </TITLE> เป็น คำสั่งที่ใช้กำหนดว่าชื่อของเอกสาร ซึ่งจะแสดงอยู๋บนแถบ Title bar ของ Browser (คำสั่งนี้จะอยู่ระหว่างคำสั่ง HEAD)
<BODY> </BODY> เป็น คำสั่งที่ใช้กำหนดว่าเป็นส่วนของรายละเอียด (คำสั่งนี้จะอยู่หลังคำสั่ง HEAD)
โดยแต่ละคำสั่งจะอยู่ในเครื่องหมาย "< >" ซึ่งเราเรียกว่า แทก "TAG" แต่ละคำสั่งจะเป็นการบอกจุดเริ่มต้นของคำสั่ง หรือ tag เปิด และจุดสิ้นสุดของคำสั่งจะมีสัญลักษณ์ "</ >" หรือ tag ปิด
ซึ่ง Tag จะมีอยู่ 2 แบบ คือ Tag เดี่ยวและ Tag คู่
Tag เดี่ยวคือ tag ที่สามารถใช้งานได้เลยทันที่ โดยไม่ต้องมี tag เปิด เช่น <br/>
Tag คู่ คือ tag ที่ ต้องมี tag เปิดและ ปิดเพื่อให้ รู้ว่า จบคำสั่ง เช่น <body> .... </body>
หลังจากสร้างเสร็จเวลาบันทึกชื่อ File ให้ save file เป็น นามสกุล .html หรือ .htm เพื่อให้ เป็น file ชนิด html เพียงเท่านี้เราก็จะ
สร้าง web page หน้าแรก เรียบร้อยแล้ว สามารถ ทดสอบได้โดย เปิด File กับ โปรแกรม Internet Explorer หรือ Firefox ได้เลย
แต่การสร้างออกมาตามตัวอย่าง อาจจะยังไม่มี รูปภาพ หรือ สีสันที่สวยงาม อย่าง web site ที่เห็นกันอยู่ทั่วไป
แล้วในตอนถัดๆไป จะได้มารู้กันว่า จะใส่ รูปใส่ สี กันอย่างไร
HTML (Hyper Text Markup Language) เป็นภาษาพื้นฐาน หรือภาษาต้นตำหรับที่ใช้ในการพัฒนาweb page ภาษาหนึ่ง
เพื่อให้โปรแกรม web brower ต่างๆ (Internet Explorer, FireFox, Opera)
สามารถแปลงคำสั่ง แสดงผลในลักษณะของรูปภาพ ตัวอักษร เสียง ภาพเคลื่อนไหว
โดยไฟล์ที่สร้างจะมีนามสกุล .html หรือ .htm การสร้างและแก้ไขสามารถใช้โปรแกรม Text-Editor ต่างๆ เช่น Notepad , Editplus
หรืออาจจะใช้ โปรแกรมประเภท WYSIWYG (What You See Is What You Get) เช่น
Macromedia Dreamweaver / Microfosft Frontpage
โดยโครงสร้างของ ภาษา HTML จะมีลักษณะตามตัวอย่าง
ตัวอย่างโครงสร้างภาษา HTML
<HTML>
<HEAD>
<TITLE> สร้าง web บทที่ 1</TITLE>
</HEAD>
<BODY>
ข้อความแสดงผล
</BODY>
</HTML>
คำอธิบายคำสั่ง
<HTML> </HTML> เป็น คำสั่งที่ใช้กำหนดว่าเป็นเอกสาร HTML (คำสั่งนี้จะอยู่ตอนบนสุดและล่างสุดของไฟล์)
<HEAD> </HEAD> เป็น คำสั่งที่ใช้กำหนดว่าชื่อเรื่องของไฟล์ HTML
<TITLE> </TITLE> เป็น คำสั่งที่ใช้กำหนดว่าชื่อของเอกสาร ซึ่งจะแสดงอยู๋บนแถบ Title bar ของ Browser (คำสั่งนี้จะอยู่ระหว่างคำสั่ง HEAD)
<BODY> </BODY> เป็น คำสั่งที่ใช้กำหนดว่าเป็นส่วนของรายละเอียด (คำสั่งนี้จะอยู่หลังคำสั่ง HEAD)
โดยแต่ละคำสั่งจะอยู่ในเครื่องหมาย "< >" ซึ่งเราเรียกว่า แทก "TAG" แต่ละคำสั่งจะเป็นการบอกจุดเริ่มต้นของคำสั่ง หรือ tag เปิด และจุดสิ้นสุดของคำสั่งจะมีสัญลักษณ์ "</ >" หรือ tag ปิด
ซึ่ง Tag จะมีอยู่ 2 แบบ คือ Tag เดี่ยวและ Tag คู่
Tag เดี่ยวคือ tag ที่สามารถใช้งานได้เลยทันที่ โดยไม่ต้องมี tag เปิด เช่น <br/>
Tag คู่ คือ tag ที่ ต้องมี tag เปิดและ ปิดเพื่อให้ รู้ว่า จบคำสั่ง เช่น <body> .... </body>
หลังจากสร้างเสร็จเวลาบันทึกชื่อ File ให้ save file เป็น นามสกุล .html หรือ .htm เพื่อให้ เป็น file ชนิด html เพียงเท่านี้เราก็จะ
สร้าง web page หน้าแรก เรียบร้อยแล้ว สามารถ ทดสอบได้โดย เปิด File กับ โปรแกรม Internet Explorer หรือ Firefox ได้เลย
แต่การสร้างออกมาตามตัวอย่าง อาจจะยังไม่มี รูปภาพ หรือ สีสันที่สวยงาม อย่าง web site ที่เห็นกันอยู่ทั่วไป
แล้วในตอนถัดๆไป จะได้มารู้กันว่า จะใส่ รูปใส่ สี กันอย่างไร
Share this
