Weitere ähnliche Inhalte
Mehr von Krupetch Songkwamjarearn
Mehr von Krupetch Songkwamjarearn (17)
Pai01
- 1. ใบความรูที่ 1
เรื่อง การเขียนเว็บเพจดวยภาษา HTML
....................................................................................................................................................
จุดประสงค 1. สามารถอธิบายโครงสรางและคําสั่งหลักของภาษา HTML ได
2. อธิบายและใชคําสั่งเบื้องตนในการเขียนโปรแกรมภาษา HTML ได
3. สามารถสรางเว็บเพจดวยภาษา HTML
4. สามารถแสดงผลลัพธบนเว็บเบราวเซอรไดอยางถูกตอง
5. สามารถใชโปรแกรม Notepad ในการพิมพไฟลเอกสาร HTML ได
....................................................................................................................................................
HTML ยอมาจากคําวา "HyperText Markup Language" เปนภาษาที่ใชในการเขียน
โปรแกรมภาษาหนึ่งของคอมพิวเตอร ที่แสดงผลในลักษณะของเว็บเพจ ซึงสามารถแสดงผลไดใน
่
รูปแบบตาง ๆ ไมวาเปนภาพกราฟก ภาพนิง ภาพเคลื่อนไหว เสียง หรือการเชื่อมโยงไปยังเว็บไซตอื่น ๆ
่
ภาษา HTML เปนภาษาทีมลักษณะของโคด กลาวคือ จะเปนไฟลที่เก็บขอมูลที่เปนตัวอักษร
่ ี
ในมาตรฐานของรหัสแอสกี (ASCII Code) โดยเขียนอยูในรูปแบบของเอกสารขอความ จึงสามารถ
กําหนดรูปแบบและโครงสรางไดงาย
การสรางเว็บเพจ
เราสามารถสรางเว็บเพจได 2 ทาง คือ
1. TextEditor โดยเราตองรูคําสั่งของภาษา HTML แลวพิมพโปรแกรมเขาไปทางTextEditor เชน
Notepad เปนตน
2. ตัวชวยสราง โดยใชโปรแกรมที่มีความสามารถในการสรางเว็บเพจโดยเราไมจําเปนตองรู
ภาษา HTML เพราะโปรแกรมเหลานี้จะทําการแปลงใหเราอัตโนมัติ
ขั้นตอนในการสรางเว็บเพจ
1. เปดโปรแกรม TextEditor แลวทําการพิมพคําสั่ง HTML แลวบันทึกเปนไฟลนามสกุล .htm
หรือ .html
2. เปดโปรแกรม WebBrowser เพื่อใชในการดูผลลัพธที่ไดจากการเขียนภาษา HTML จากที่ได
เขียนจาก TextEditor
- 2. โครงสรางของภาษา HTML
ไฟลเอกสาร HTML ประกอบดวยสวนประกอบสองสวนคือ Head กับ Body โดยสามารถเปรียบเทียบ
ไดงาย ๆ ก็คือ สวน Head จะคลายกับสวนที่เปน Header ของหนาเอกสารทัวไป หรือบรรทัด Title ของ
่
หนาตางการทํางานในระบบ Windows สําหรับสวน Body จะเปนสวนเนื้อหาของเอกสารนั้นๆ โดยทั้ง
สองสวนจะอยูภายใน Tag <HTML>…</HTML>
ลักษณะของภาษา Html
- คําสั่งของภาษา Html จะอยูในเครื่องหมาย < > เสมอ
- ในแตละคําสัง (tags) สวนใหญจะมีคําสังเปด < > และคําสั่งปด </ > เสมอ เชน <u>
่ ่
ขอความ </u>
- สามารถใชอักษรตัวใหญ หรือตัวเล็กก็ได เชน <BR> หรือ <br> จะไดผลลัพธเชนเดียวกัน
ขอตกลงในการอาน
- ขอความที่เปนตัวหนาจะเปนคําสั่งภาษา Html ตัวธรรมดาจะเปนขอความธรรมดาทีไม ่
เกี่ยวกับภาษา Html
รูปแบบโครงสรางของภาษา Html
ทุกครั้งที่เราจะเขียนโฮมเพจดวยภาษา Html เราจะตองพิมพโครงสรางตอไปนี้ลงไปกอนทุกครั้ง
<HTML>
<HEAD>
<TITLE> หัวขอโฮมเพจที่จะแสดงที่ title bar</TITLE>
</HEAD>
<BODY>
สวนของเนื้อหา
</BODY>
</HTML>
จากโครงสรางดังกลาวสามารถอธิบายไดดงนี้
ั
• คําสั่ง <HTML> กับ </HTML> จําเปนตองพิมพลงไปทุกครั้งเพื่อบอกวาเริ่มคําสั่ง html แลว
และ จบคําสั่ง html แลวโดย <HTML> มักจะอยูบรรทัดแรกเสมอเพื่อบอกวาเริ่มตนทีนี่ กับ
่
</HTML> มักจะอยูบรรทัดลางสุดเสมอเพือบอกวาจบสวนของภาษา html แลว
่
• คําสั่ง <HEAD> และ </HEAD> ใชสําหรับประกาศหัวของโฮมเพจวาเขียนโดยใคร โฮมเพจ
ชื่อวาอะไร ฯลฯ เราเรียกวาสวนหัวของโปรแกรม
- 3. • คําสั่ง <TITLE> และ </TITLE> จะใชสําหรับบอกวาโฮมเพจนีมีเนื้อหาเกี่ยวกับอะไร โดย
้
ขอความทีพิมพลงไประหวาง <TITLE> ... </TITLE>จะแสดงในสวนของ title bar
่
• คําสั่ง <BODY> และ </BODY> ขอมูลที่อยูระหวาง <BODY> และ </BODY> จะเปนสวน
ของขอมูลที่เราตองการแสดงในเว็บเพจ
เอกสารอางอิง
ภิญู กําเนิดหลม,เขียน Webpage ดวย HTML.กรุงเทพฯ:3495 บุคเซ็นเตอร,2546; หนา 8-9.