setting

PockyDesign: บทเรียนที่4 เริ่มต้นกับภาษา HTML ด้วย Notepad

บทเรียนที่4 เริ่มต้นกับภาษา HTML ด้วย Notepad

เริ่มต้นกับภาษา HTML ด้วย Notepad
HTML คือ ภาษาที่ใช้ในการเขียนเว็บเพจ ย่อมาจากคำว่า Hypertext Markup Language โดย Hypertext หมายถึง ข้อความที่เชื่อมต่อกันผ่านลิ้ง (Hyperlink) Markup หมายถึง วิธีในการเขียนข้อความ language หมายถึงภาษา ดังนั้น HTML จึงหมายถึง ภาษาที่ใช้ในการเขียนข้อความ ลงบนเอกสารที่ต่างก็เชื่อมถึงกันใน cyberspace ผ่าน Hyperlink นั่นเอง
HTML เริ่มขึ้นเมื่อ ปี 1990 เพื่อตอบสนองความต้องการในการสื่อสารแลกเปลี่ยนข้อมูลกันของนักวิทยาศาสตร์ระหว่างสถาบันและมหาวิทยาลัยต่างๆทั่วโลก โดย Tim Berners-Lee นักพัฒนาของ CERN ได้พัฒนาภาษาที่มีรากฐานมาจาก SGML ซึ่งเป็นภาษาที่ซับซ้อนและยากต่อการเรียนรู้ จนมาเป็นภาษาที่ใช้ได้ง่ายและสะดวกในการแลกเปลี่ยนเอกสารทางวิทยาศาสตร์ผ่านการเชื่อมโยงกันด้วยลิ้งในหน้าเอกสาร เมื่อ World Wide Web เป็นที่แแพร่หลาย HTML จึงถูกนำมาใช้จนเกิดการแพร่หลายออกไปยังทั่วโลก จากความง่ายดายในการใช้งาน

HTML ในปัจจุบันพัฒนามาจนถึง HTML 4.01 และ HTML 5 กำลังจะออกมาในเร็วนี้ นอกจากนี้ยังมีการพัฒนาไปเป็น XHTML ซึ่ง คือ Extended HTML ซึ่งมีความสามารถและมาตรฐานที่รัดกุมกว่าอีกด้วย

โดยอยู่ภายใต้การควบคุมของ W3C (World Wide Web Consortium)

       ในการสร้าง Homepage สามารถทำได้โดย
       1. การใช้โปรแกรมสำเร็จรูป Dreamweaver
       2. การใช้โปรแกรม Notepad
       ซึ่งในบทเรียนนี้จะสอนการเขียนโฮมเพจด้วยภาษา HTML โดยใช้โปรแกรม Notepad ในระบบปฏิบัติการ windows ซึ่งต้องเขียน คำสั่งต่าง ๆ ลงใน โปรแกรม Notepad


       Notepad นี้จัดเป็นโปรแกรมประเภท Text Editor สามารถสร้างไฟล์หรือเขียนภาษา HTML ได้  และ Notepad นี้เป็นโปรแกรมที่นิยมใชในการเขียนโฮมเพจ สามารถใช้งานได้ง่าย และเป็นโปรแกรมที่ทำงานบนระบบ Windows

        การเรียกใช้งานโปรแกรม Notepad สามารถทำได้ดังนี้
 
สอนเปิดโปรแกรม

คลิกที่ Start --> เลือก Programs --> เลือก Accessories --> เลือก Notepad


ได้โปรแกรม Notepad สำหรับเขียนโฮมเพจ ดังนี้





      ทดสอบการใช้โปรแกรม Notepad โดยพิมพ์คำสั่งพื้นฐานของภาษา HTML  ดังนี้
คำสั่งพื้นฐาน



การบันทึกไฟล์โปรแกรม Notepad ให้เป็นไฟล์ HTML

      หลังจากใส่คำสั่งพื้นฐานของภาษา HTML ลงใน Notepad ให้ Save เป็น file นามสกุล ดอท.html ดังนี้
 
วิธีการเซพไฟล์ HTML
คลิก File --> เลือก save ในช่อง File name ให้พิมพ์ชื่อ File ที่ต้องการลงไป
เช่น test.html  (test.html อ่านว่า เทส ดอท เอช ที เอ็ม แอล)


จะได้ File 1 File ที่เขียนด้วยภาษา HTML ชื่อ test.html  จะเปิดโปรแกรม Internet Explorer (IE)

 
ภาพไฟล์งาน

หมายเหตุ   เมื่อทำการ save file เป็น file HTML แล้ว ถ้าต้องการแก้ไขเอกสาร HTML ที่เปิดดูด้วยโปรแกรม Internet Explorer เลือก view ที่ menu bar >> เลือก source จะปรากฏข้อมูลที่เขียนด้วยภาษา HTML ในโปรแกรม notepad
    เพิ่มเพื่อนและติดตาม Webmaster Pocky GunSanguine.


    Copyright © PockyDesign Pocky.design