SlideShare a Scribd company logo
1 of 2
ใบงานที ่ 1
 ความหมาย การเขี ย น และโครงสร้ า งภาษา HTML
เวลา 30 นาที
 ผลการเรี ย นรู ้
1. อธิ บ ายความหมาย การเขี ย น และโครงสร้ า ง
ภาษา HTML ได้
2. มี เ จตคติ ท ี ่ ด ี ต ่ อ การใช้ ภ าษา HTML สร้ า ง
เว็ บ เพจ การปฏิ บ ั ต ิ ง าน
 กิ จ กรรมที ่ 1
 ขี ด เส้ น ใต้ ข ้ อ ความที ่ ผ ิ ด ในประโยคต่ อ ไปนี ้ แ ล้ ว
แก้ ไ ขให้ ถ ู ก ต้ อ ง
 1. เครื ่ อ งหมาย < > เรี ย กว่ า แท็ ก (Teg)
      เครื ่ อ งหมาย < > เรี ย กว่ า แท็ ก (Tag)
 2. ส่ ว นหั ว โปรแกรมเป็ น ส่ ว นที ่ ก ำำหนดชื ่ อ ผู ้
ท ำำ
      ส่ ว นหั ว โปรแกรมเป็ น ส่ ว นที ่ ก ำำ หนดชื ่ อ เรื ่ อ ง
 3. ภาษา HTML สามารถเขี ย นได้ ด ้ ว ยโปรแกรม
Paint
      ภาษา HTML สามารถเขี ย นได้ ด ้ ว ยโปรแกรม
WordPad
 4. เมื ำ ่ อ ต้ อ งการบั น ทึ ก งานต้ อ งบั น ทึ ก ด้ ว ย
นามสกุ ล .txt
      เมื ำ ่ อ ต้ อ งการบั น ทึ ก งานต้ อ งบั น ทึ ก ด้ ว ย
นามสกุ ล .txt
 5. HTML หมายถึ ง โปรแกรมที ่ ใ ช้ ส ำำหรั บ เขี ย น
เว็ บ เพจ
       HTML หมายถึ ง เป็ น ภาษาที ่ ใ ช้ พ ั ฒ นาเขี ย น
เว็ บ เพจ
 6. HTML ย่ อ มาจาก Hyperpicture Text
Message Language
     HTML ย่ อ มาจาก hyper text markup
Language
7. การสร้ า งเว็ บ เพจทำำได้ โ ดยเขี ย นภาษา
HTML แล้ ว นำำไปเปิ ด ในเว็ บ ไซต์
     การสร้ า งเว็ บ เพจทำำ ได้ โ ดยเขี ย นภาษา HTML
แล้ ว นำำ ไปเปิ ด ใน notepad
 8. โครงสร้ า งของภาษา HTML ได้ แ ก่ ส่ ว นหั ว
โปรแกรมและส่ ว นท้ า ยโปรแกรม
          โครงสร้ า งของภาษา HTML ได้ แ ก่ ส่ ว นหั ว
โปรแกรมและ ส่ ว นของเนื ้ อ หา
 9. ส่ ว นหั ว โปรแกรม (Head) เป็ น ส่ ว นกำำหนด
ค ำำ สั ่ ง รู ป แบบต่ า ง ๆ ลงไปในเว็ บ เพจ
          ส่ ว นหั ว โปรแกรม (Head) เป็ น ส่ ว นกำำหนด
ที ่ ใ ช้ ก ำ า หนดข้ อ ความชื ่ อ เรื ่ อ ง
 10. ภาษา HTML จำำเป็ น ต้ อ งใช้ โ ปรแกรม
จำำ พวกเท็ ก ซ์ เ อดิ เ ตอร์ (Text Editor) และเวิ ร ์ ด
เอดิ เ ตอร์
  (Word Editor)
 ภาษา HTML จำำเป็ น ต้ อ งใช้ โ ปรแกรมจำำพวก
เท็ ก ซ์ เ อดิ เ ตอร์ (Text Editor) และเวิ ร ์ ด เอดิ เ ตอร์
WordPad

More Related Content

Similar to ใบงานที่ 1 ความหมาย การเขียน และโครงสร้างภาษา HTML

ใบงานที่ 1
ใบงานที่ 1ใบงานที่ 1
ใบงานที่ 1Poppy Love
 
ใบงานที่ 1
ใบงานที่ 1ใบงานที่ 1
ใบงานที่ 1Poppy Love
 
ประวัต Html
ประวัต Htmlประวัต Html
ประวัต Htmlkrurit9
 
ใบงานที่5555
ใบงานที่5555ใบงานที่5555
ใบงานที่5555M'Mod Ta Noy
 
ใบงานที่5
ใบงานที่5ใบงานที่5
ใบงานที่5nichaphat22
 
ใบงานที่5555
ใบงานที่5555ใบงานที่5555
ใบงานที่5555M'Mod Ta Noy
 
บทที่ 3 พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์
บทที่ 3 พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์บทที่ 3 พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์
บทที่ 3 พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์chiton2535
 
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtmlใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtmlSamorn Tara
 
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtmlใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtmlSamorn Tara
 
Skill01-การสร้างเว็บเพจด้วยภาษาHTML
Skill01-การสร้างเว็บเพจด้วยภาษาHTMLSkill01-การสร้างเว็บเพจด้วยภาษาHTML
Skill01-การสร้างเว็บเพจด้วยภาษาHTMLณัฐพล บัวพันธ์
 
หน่วยการเรียนรู้ที่ 3 html
หน่วยการเรียนรู้ที่ 3 htmlหน่วยการเรียนรู้ที่ 3 html
หน่วยการเรียนรู้ที่ 3 htmldevilp Nnop
 
Chapter4
Chapter4Chapter4
Chapter4aumtall
 
หน่วยการเรียนรู้ที่ 2
หน่วยการเรียนรู้ที่ 2หน่วยการเรียนรู้ที่ 2
หน่วยการเรียนรู้ที่ 2SubLt Masu
 

Similar to ใบงานที่ 1 ความหมาย การเขียน และโครงสร้างภาษา HTML (20)

ใบงานที่ 1
ใบงานที่ 1ใบงานที่ 1
ใบงานที่ 1
 
ใบงานที่ 1
ใบงานที่ 1ใบงานที่ 1
ใบงานที่ 1
 
Lernning 13
Lernning 13Lernning 13
Lernning 13
 
ประวัต Html
ประวัต Htmlประวัต Html
ประวัต Html
 
Pai01
Pai01Pai01
Pai01
 
ใบงานที่5555
ใบงานที่5555ใบงานที่5555
ใบงานที่5555
 
ใบงานที่5
ใบงานที่5ใบงานที่5
ใบงานที่5
 
ใบงานที่5555
ใบงานที่5555ใบงานที่5555
ใบงานที่5555
 
บทที่ 3 พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์
บทที่ 3 พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์บทที่ 3 พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์
บทที่ 3 พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์
 
Html 2
Html 2Html 2
Html 2
 
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtmlใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
 
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtmlใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
 
Skill01
Skill01Skill01
Skill01
 
Skill01
Skill01Skill01
Skill01
 
Skill01-การสร้างเว็บเพจด้วยภาษาHTML
Skill01-การสร้างเว็บเพจด้วยภาษาHTMLSkill01-การสร้างเว็บเพจด้วยภาษาHTML
Skill01-การสร้างเว็บเพจด้วยภาษาHTML
 
หน่วยการเรียนรู้ที่ 3 html
หน่วยการเรียนรู้ที่ 3 htmlหน่วยการเรียนรู้ที่ 3 html
หน่วยการเรียนรู้ที่ 3 html
 
Chapter 1
Chapter 1Chapter 1
Chapter 1
 
Chapter4
Chapter4Chapter4
Chapter4
 
หน่วยการเรียนรู้ที่ 2
หน่วยการเรียนรู้ที่ 2หน่วยการเรียนรู้ที่ 2
หน่วยการเรียนรู้ที่ 2
 
Frontpage
FrontpageFrontpage
Frontpage
 

ใบงานที่ 1 ความหมาย การเขียน และโครงสร้างภาษา HTML

  • 1. ใบงานที ่ 1 ความหมาย การเขี ย น และโครงสร้ า งภาษา HTML เวลา 30 นาที ผลการเรี ย นรู ้ 1. อธิ บ ายความหมาย การเขี ย น และโครงสร้ า ง ภาษา HTML ได้ 2. มี เ จตคติ ท ี ่ ด ี ต ่ อ การใช้ ภ าษา HTML สร้ า ง เว็ บ เพจ การปฏิ บ ั ต ิ ง าน กิ จ กรรมที ่ 1 ขี ด เส้ น ใต้ ข ้ อ ความที ่ ผ ิ ด ในประโยคต่ อ ไปนี ้ แ ล้ ว แก้ ไ ขให้ ถ ู ก ต้ อ ง 1. เครื ่ อ งหมาย < > เรี ย กว่ า แท็ ก (Teg) เครื ่ อ งหมาย < > เรี ย กว่ า แท็ ก (Tag) 2. ส่ ว นหั ว โปรแกรมเป็ น ส่ ว นที ่ ก ำำหนดชื ่ อ ผู ้ ท ำำ ส่ ว นหั ว โปรแกรมเป็ น ส่ ว นที ่ ก ำำ หนดชื ่ อ เรื ่ อ ง 3. ภาษา HTML สามารถเขี ย นได้ ด ้ ว ยโปรแกรม Paint ภาษา HTML สามารถเขี ย นได้ ด ้ ว ยโปรแกรม WordPad 4. เมื ำ ่ อ ต้ อ งการบั น ทึ ก งานต้ อ งบั น ทึ ก ด้ ว ย นามสกุ ล .txt เมื ำ ่ อ ต้ อ งการบั น ทึ ก งานต้ อ งบั น ทึ ก ด้ ว ย นามสกุ ล .txt 5. HTML หมายถึ ง โปรแกรมที ่ ใ ช้ ส ำำหรั บ เขี ย น เว็ บ เพจ HTML หมายถึ ง เป็ น ภาษาที ่ ใ ช้ พ ั ฒ นาเขี ย น เว็ บ เพจ 6. HTML ย่ อ มาจาก Hyperpicture Text Message Language HTML ย่ อ มาจาก hyper text markup Language
  • 2. 7. การสร้ า งเว็ บ เพจทำำได้ โ ดยเขี ย นภาษา HTML แล้ ว นำำไปเปิ ด ในเว็ บ ไซต์ การสร้ า งเว็ บ เพจทำำ ได้ โ ดยเขี ย นภาษา HTML แล้ ว นำำ ไปเปิ ด ใน notepad 8. โครงสร้ า งของภาษา HTML ได้ แ ก่ ส่ ว นหั ว โปรแกรมและส่ ว นท้ า ยโปรแกรม โครงสร้ า งของภาษา HTML ได้ แ ก่ ส่ ว นหั ว โปรแกรมและ ส่ ว นของเนื ้ อ หา 9. ส่ ว นหั ว โปรแกรม (Head) เป็ น ส่ ว นกำำหนด ค ำำ สั ่ ง รู ป แบบต่ า ง ๆ ลงไปในเว็ บ เพจ ส่ ว นหั ว โปรแกรม (Head) เป็ น ส่ ว นกำำหนด ที ่ ใ ช้ ก ำ า หนดข้ อ ความชื ่ อ เรื ่ อ ง 10. ภาษา HTML จำำเป็ น ต้ อ งใช้ โ ปรแกรม จำำ พวกเท็ ก ซ์ เ อดิ เ ตอร์ (Text Editor) และเวิ ร ์ ด เอดิ เ ตอร์ (Word Editor) ภาษา HTML จำำเป็ น ต้ อ งใช้ โ ปรแกรมจำำพวก เท็ ก ซ์ เ อดิ เ ตอร์ (Text Editor) และเวิ ร ์ ด เอดิ เ ตอร์ WordPad