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.