Download to read offline
ใบความรู้ที่ 2
- 1. ใบความรูที่ 2 เรื่อง ภาษา HTML » ความหมายของ HTML HTML ยอมาจาก Hypertext Markup Language หมายถึง ภาษาที่ใชสําหรับเขียนเว็บเพจ เพื่อให สามารถนําไปแสดงผลบนเว็บบราวเซอรได โดยจะตองมีโครงสรางภาษา รูปแบบของคําสั่งตางๆ เพื่อให โปรแกรมเว็บบราวเซอรสามารถเขาใจและแสดงผลออกมาตามที่ตองการ เชน เว็บเพจที่มีการกําหนดรูปแบบ ตัวอักษะ สีของตัวอักษรและขนาดของตัวอักษร ตลอดจนการสรางตัวเชื่อมโยงไปยังเว็บไซตตางๆ ไดนั่นเอง การสรางไฟล HTML จําเปนตองใชโปรแกรม เท็กซอิดิเตอร (Text Editor) หรือเวิรดโพรเซสเซอร (Word Processor) เพื่อเขียนชุดคําสั่งกับรหัสภายในเครื่องหมาย < > เรียกวา แท็ก (Tag) และบันทึกไฟล เปนนามสกุล .html หรือ .htm และนําไฟลที่เปน HTML ไปเปดที่เว็บบราวเซอรในลําดับตอไป » การเขียนภาษา HTML 1. ภาษา HTML สามารถเขียนโดยใชโปรแกรม Notepad ซึ่งเรียกใชโปรแกรม Notepad ไดดังนี้ - คลิกปุม Start - คลิก All Programs - คลิก Accessories - คลิก Notepad รูปภาพโปรแกรม Notepad 2. จากนั้นพิมพขอความดังตอไปนี้ <HTML> <HEAD> <TITLE>Test Page</TITLE> </HEAD> <BODY>ABC</BODY> </HTML>
- 2. 3. Save ไฟลชื่อtitle.html 4. จะเห็นวา title.html มี Icon เปน 5. ทดลองเปดไฟล title.html ที่ save ไวเพื่อศึกษาโครงสรางของภาษา HTML โดยใชโปรแกรม Internet Explorer » โครงสรางภาษา HTML ภาษา HTML มีโครงสรางที่สําคัญอยู 2 สวน คือ 1.สวนหัวโปรแกรม (Head) เปนสวนที่กําหนดชื่อเรื่อง ซึ่งจะไปปรากฏอยูบนแถบชื่อเรื่อง (Title bar) ของเว็บบราวเซอร ดังตัวอยางตอไปนี้ เขียนคําสั่งใหขอความ “Test Page” ไปปรากฏ ที่ Title Bar บนเว็บบราวเซอร
- 3. 2.สวนเนื้อหาโปรแกรม (Body) เปนสวนที่กําหนดรูปแบบตางๆในเว็บเพจ เขียนคําสั่งใหขอความ “ABC” ไปปรากฏ ในเว็บบราวเซอร » คําสั่งของภาษา HTML ปกติคําสั่งของภาษา HTML จะตองอยูภายในเครื่องหมายนอยกวา “<” ตามดวยชื่อคําสั่งและปดดวย เครื่องหมายมากกวา “>” รูปแบบของการใชคําสั่งมีดังนี้ <TAG> (ตามดวยชื่อคําสั่ง) </TAG> และลําดับตอจากนี้จะเปน ตัวอยางคําสั่งที่ใชเขียนในภาษา HTML คําสั่ง <HTML>…………</HTML> คําสั่ง <HTML> เปนคําสั่งเริ่มตนเขียนโปรแกรมและคําสั่งอื่นๆ โดยจะตองปดดวย </HTML> เมื่อ สิ้นสุดการเขียนโปรแกรม HTML การใชคําสั่งนี้จะไมปรากฏบนเว็บบราวเซอรแตตองเขียนเพื่อใหเกิดความเปน ระบบของงาน และเพื่อใหรูวาเอกสารนี้เขียนดวยภาษา HTML คําสั่ง <HEAD>…………</HEAD> เปนคําสั่งที่ใชกําหนดขอความในสวนที่เปนชื่อเรื่อง ซึ่งมีคําสั่งยอย <TITLE>…</TITLE> คําสั่ง <TITLE>…………</TITLE> เปนคําสั่งที่แสดงชื่อของเอกสาร หรือชื่อเรื่องของไฟล HTML ซึ่งจะไปปรากฏอยูบนแถบชื่อเรื่อง (Title Bar) บนเว็บบราวเซอร
- 4. คําสั่ง <BODY>…………</BODY> เปนคําสั่งที่สําคัญที่สุดในการเขียนโปรแกรมดวยภาษา HTML ทั้งนี้เพราะใชเปนคําสั่งในการแสดงผล บนเว็บบราวเซอร โดยจะทําการกําหนดรูปแบบตัวอักษร สี ขนาด และคาตางๆ ในแท็กคําสั่งนี้ เขียนคําสั่งใหขอความในสวนของ BODY ไปปรากฏในเว็บบราวเซอร ----------------------------------------------------------------------------------