ใบความรู้ที่ 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
โครงสร้างของภาษา 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> ใช้สำหรับประกาศหัวของโฮมเพจว่าเขียนโดยใคร โฮมเพจชื่อว่าอะไร ฯลฯ เราเรียกว่าส่วนหัวของโปรแกรม
• คำสั่ง <TITLE> และ </TITLE> จะใช้สำหรับบอกว่าโฮมเพจนี้มีเนื้อหาเกี่ยวกับอะไร โดยข้อความที่พิมพ์ลงไประหว่าง <TITLE> ... </TITLE>จะแสดงในส่วนของ title bar
• คำสั่ง <BODY> และ </BODY> ข้อมูลที่อยู่ระหว่าง <BODY> และ </BODY> จะเป็นส่วนของข้อมูลที่เราต้องการแสดงในเว็บเพจ
เอกสารอ้างอิง
ภิญญู กำเนิดหล่ม,เขียน Webpage ด้วย HTML.กรุงเทพฯ:3495 บุ๊คเซ็นเตอร์,2546; หน้า 8-9
ไม่มีความคิดเห็น:
แสดงความคิดเห็น