top of page

เลือก Start > All Programs

   HTML ย่อมาจากคำว่า Hypertext Markup Language เป็นภาษาหลักที่ใช้ในการสร้างไฟล์เว็บเพจ โดยมีแนวคิดจากการสร้างเอกสารไฮเปอร์เท็กซ์ (Hypertext Document : ข้อความในเอกสารที่เชื่อมโยงถึงข้อมูลต่างๆ ได้) ซึ่งพัฒนาขึ้นมาจากภาษา SGML (Standard Generalized Markup Language)

โดย Tim Berners-Lee ในปี ค.ศ.1990 ซึ่งใช้ในระบบของ CERN (Conseil Europeen pour la Recherche Nucleaire) เบื้องต้นได้เริ่มใช้ที่สวิตเซอร์แลนด์ จากนั้นก็ได้แพร่ขยายออกไป ระบบนี้ได้ถูกตั้งชื่อว่า World Wide Web : WWW ที่เรารู้จักกันจนมาถึงยุคปัจจุบัน

​

  ข้อดีของภาษา HTML
   1. HTML ถูกพัฒนาขึ้นเพื่อใช้งานกับเว็บโดยเฉพาะ และใช้รหัสข้อมูลแบบธรรมดา ทำให้ไฟล์ HTML สามารถใช้ได้กับทุกๆโปแกรม
   2. HTML เป็นภาษามาตรฐานเปิด
   3. HTML เป็นไฟล์ที่สามารถอ่านเข้าใจ
   4. HTML สามารถใช้งานระบบ Hypertext ได้ 
   5. HTML สามารถทำงานกับมัลติมีเดีย

ความหมายของ HTML

โครงสร้างและส่วนประกอบของ HTML 

<html>...</html> เป็นแท็กแรกที่ต้องมีในภาษา HTML ซึ่งบ่งบอกว่านี่คือภาษา HTML โดยจะอยู่ที่จุดเริ่มต้นของเอกสารและท้ายเอกสารในแต่ละแฟ้ม

<head>...</head> เป็นส่วนกำหนดรายละเอียดหัวเอกสาร HTML เช่น

  • การกำหนดชื่อเพจ โดยใช้แท็ก <title>...</title> ซึ่งข้อความภายในแท็กนี้จะเป็นชื่อหัวเรื่องเว็บเพจที่ต้องการ ซึ่งจะต้องมีความยาวไม่เกิน 64 ตัวอักษร ข้อความนี้จะไปปรากฏที่ title bar ของบราวเซอร์ที่เราใช้งานอยู่ และปรากฏบน Bookmark ของโปรแกรมบราวเซอร์ด้วย

  • การกำหนดรูปแบบของข้อความและเลย์เอาต์ในหน้าเว็บเพจ ที่เรียกว่า สไตล์ชีต ซึ่งจะกล่าวถึงในบทนั้น

  • การแทรก หรือใส่สคริปต์โปรแกรม เช่น JavaScript ซึ่งจะกล่าวในบทนั้นอีกครั้ง

<body>...</body> ส่วนนี้เป็นส่วนของเนื้อหาเว็บเพจของเรา ไม่ว่าจะเป็นข้อความ รูปภาพ ตาราง และการเชื่อมต่อไปยังเอกสารอื่นๆ ที่จะไปแสดงผลที่เว็บบราวเซอร์

ขั้นตอนการสร้างไฟล์ด้วย Notepad

วิธีเปิดโปรแกรม Noteapd และพิมพ์ภาษา HTML แรก

โครงสร้างพื้นฐานภาษา HTML

เลือก Accessories > Notepad

พิมพ์เอกสาร HTML ดังตัวอย่าง

วิธีการบันทึกเอกสาร HTML

เมื่อสร้างเอกสารเสร็จแล้ว จะต้องบันทึกเป็นเอกสาร HTML โดยบันทึกเป็นนามสกุล .html หรือ .htm 
ดังนี้

   การตั้งชื่อไฟล์ เราจะตั้งโดยการทำตามลำดับภาพข้างต้นก็ได้คือ ตั้งชื่อไฟล์ เช่น พิมพ์ first.html หรือ พิมพ์ "first.html" โดยแบบที่ 2 เราจะมีการพิมพ์เครื่องหมายคำพูด "..." มาครอบชื่อไฟล์ไว้ ซึ่งเราจะไม่จำเป็นต้องไปเลือกชนิดของไฟล์ (Save as Type) เลย จะเป็นการบังคับให้ Notepad บันทึกเป็น first.html ให้เรา แต่ถ้าไม่ใส่เครื่องหมายคำพูด และไม่เลือกชนิดไฟล์ว่า All File (*.*) Notepad จะบันทึกไฟล์เป็น first.html.txt ซึ่งนามสกุล txt ไม่ใช่นามสกุลที่เราต้องการ ดังภาพ

วิธีการดูผลลัพธ์

    หลังจากที่บันทึกเอกสารเรียบร้อยแล้ว ให้เราดับเบิลคลิกที่ไฟล์เว็บเพจที่เราสร้าง เว็บบราวเซอร์ก็จะทำการแปลไฟล์เว็บเพจที่เขียนด้วยภาษา HTML กลายเป็นรูปแบบที่เราต้องการ 

การเปิดเว็บเพจมาแก้ไข

    ในกรณีที่ปิดไฟล์เว็บเพจจากโปรแกรม Notepad ที่เราสร้างมาก่อนหน้านั้นไปแล้ว และต้องการแก้ไขไฟล์เว็บเพจ ให้ทำการเปิดไฟล์ Notepad ขึ้นมาใหม่แล้วไปที่เมนู File > Open แล้วเลือกตำแหน่งไฟล์เว็บเพจที่บันทึกไว้ในคอมพิวเตอร์ของเรา แล้วทำการแก้ไข และบันทึก โดยบันทึกที่ Save ในกรณีที่เราไม่ต้องการเปลี่ยนชื่อไฟล์ใหม่ และในกรณีที่เราต้องการเปลี่ยนเปลี่ยนชื่อไฟล์ใหม่ ก็ให้เลือก Save As แล้วตั้งชื่อไฟล์ใหม่ และบันทึก ดังรูป

    หากเราต้องการแก้ไขเว็บเพจให้เรากลับไปที่ Notepad และทำการแก้ไขได้เลย หลังจากที่เราได้แก้ไขแล้ว ไม่ปรากฏเป็นภาษาไทย ให้เรากำหนดการแสดงผลของบราวเซอร์ใหม่ โดยการคลิกเมาส์ขวาเลือกคำสั่ง Encoding>Thai(Windows) ดังรูป

bottom of page