SlideShare ist ein Scribd-Unternehmen logo
1 von 7
ใบงานที่ 1<br />ความหมาย การเขียน และโครงสร้างภาษา HTML เวลา 30 นาที <br />ผลการเรียนรู้ <br />1. อธิบายความหมาย การเขียน และโครงสร้างภาษา HTML ได้ <br />2. มีเจตคติที่ดีต่อการใช้ภาษา HTML สร้างเว็บเพจ <br />การปฏิบัติงาน <br />กิจกรรมที่ 1 ขีดเส้นใต้ข้อความที่ผิดในประโยคต่อไปนี้ แล้วแก้ไขให้ถูกต้อง<br />1.เครื่องหมาย < > เรียกว่า แท็ก (Teg) <br />      ตอบ   ผิด < >เรียกว่า  แท็ก (Tag)<br />2. ส่วนหัวโปรแกรมเป็นส่วนที่กำหนดชื่อผู้ทำ <br />     ตอบ เป็นส่วนชื่อเรื่อง<br />3. ภาษา HTML สามารถเขียนได้ด้วยโปรแกรม Paint <br />     ตอบ  ผิด สามารถเขียนได้ด้วยโปรแกรม  Notepad  Macromedia Easy php<br />4. เมื่อต้องการบันทึกงานต้องบันทึกด้วยนามสกุล .txt<br />     ตอบ   ผิด ต้องบันทึกด้วยนามสกุล  .Html<br />5. HTML หมายถึง โปรแกรมที่ใช้สาหรับเขียนเว็บเพจ<br />  ตอบ  ผิด  หมายถึง เป็นภาษาที่เขียนโปรแกรมเพื่อแสดงบนเว็บไซต์ <br />  6. HTML ย่อมาจาก Hyper picture Text Message Language <br />      ตอบ  ผิด  ย่อมาจาก Hyper Text Markup Language <br />7. การสร้างเว็บเพจทำได้โดยเขียนภาษา HTML แล้วนำไปเปิดในเว็บไซต์                                                                                                                       <br />      ตอบ การสร้างเว็บเพจทำได้ด้วยเขียนด้วยภาษา HTME แล้วเวลา save งานจะ save ชื่อไฟล์ตามด้วยนามสกุล .html  <br />8. โครงสร้างของภาษา HTML ได้แก่ ส่วนหัวโปรแกรมและส่วนท้ายโปรแกรม <br />     ตอบ  โครงสร้างของภาษา Html ประกอบไปด้วยคำสั่งมีแท็ก < > Tag มี 2 ประเภทคือ แท็กเดี่ยว กับ แท็กคู่<br /> 9. ส่วนหัวโปรแกรม (Head) เป็นส่วนกำหนดคำสั่งรูปแบบต่าง ๆ ลงไปในเว็บเพจ<br />     ตอบ  <HEAD> คือคำสั่งบอกส่วนที่เป็นชื่อเรื่อง <br />10. ภาษาHTMLจำเป็นต้องใช้โปรแกรมจำพวกเท็กซ์เอดิเตอร์ (Text Editor) และเวิร์ดเอดิเตอร์ (Word Editor) <br />     ตอบ  wordpress<br />กิจกรรมที่ 2 ให้นักเรียนค้นหาเว็บเพจที่สร้างด้วยภาษา HTML จากนั้นนำภาพที่ได้มาติดใน ทางด้านซ้ายและเขียนคำสั่งภาษา HTML ของเว็บเพจนั้นทางด้านขวา พร้อมระบุชื่อเว็บเพจที่ค้นหาใต้ภาพ<br />http://www.google.co.th/images?hl=th&q=%E0%B8%A3%E0%B8%B9%E0%B8%9B%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B8%97%E0%B8%B3%E0%B8%88%E0%B8%B2%E0%B8%81%20html&wrapid=tlif129973463876111&um=1&ie=UTF-8&source=og&sa=N&tab=wi&biw=1345&bih=560<br />
ใบงานคอม
ใบงานคอม
ใบงานคอม
ใบงานคอม
ใบงานคอม
ใบงานคอม

Weitere ähnliche Inhalte

Was ist angesagt?

The step by step guide to SEO Website Audit
The step by step guide to SEO Website Audit The step by step guide to SEO Website Audit
The step by step guide to SEO Website Audit amandacerry
 
Marketing Plan Presentation Spykar Oyo Rakesh
Marketing Plan Presentation Spykar Oyo  RakeshMarketing Plan Presentation Spykar Oyo  Rakesh
Marketing Plan Presentation Spykar Oyo RakeshRakesh Ravindran
 
Business Simulation Game - BharatiyaSiMS
Business Simulation Game - BharatiyaSiMSBusiness Simulation Game - BharatiyaSiMS
Business Simulation Game - BharatiyaSiMSBharatiyaSiMS
 
Final Zara Marketing Strategy !!
Final Zara Marketing Strategy !!Final Zara Marketing Strategy !!
Final Zara Marketing Strategy !!Ji Young Lee
 
SEO TRENDS 2023: 5 Things to Look Out For
SEO TRENDS 2023: 5 Things to Look Out ForSEO TRENDS 2023: 5 Things to Look Out For
SEO TRENDS 2023: 5 Things to Look Out ForJomer Gregorio
 
Zara's supply chain (sadiq shariff10@hotmail.com)
Zara's supply chain (sadiq shariff10@hotmail.com)Zara's supply chain (sadiq shariff10@hotmail.com)
Zara's supply chain (sadiq shariff10@hotmail.com)Sadiq Shariff
 
A Crash Course in Creative Ideation and Shareable Campaigns - BrightonSEO 202...
A Crash Course in Creative Ideation and Shareable Campaigns - BrightonSEO 202...A Crash Course in Creative Ideation and Shareable Campaigns - BrightonSEO 202...
A Crash Course in Creative Ideation and Shareable Campaigns - BrightonSEO 202...IonaTownsley2
 

Was ist angesagt? (7)

The step by step guide to SEO Website Audit
The step by step guide to SEO Website Audit The step by step guide to SEO Website Audit
The step by step guide to SEO Website Audit
 
Marketing Plan Presentation Spykar Oyo Rakesh
Marketing Plan Presentation Spykar Oyo  RakeshMarketing Plan Presentation Spykar Oyo  Rakesh
Marketing Plan Presentation Spykar Oyo Rakesh
 
Business Simulation Game - BharatiyaSiMS
Business Simulation Game - BharatiyaSiMSBusiness Simulation Game - BharatiyaSiMS
Business Simulation Game - BharatiyaSiMS
 
Final Zara Marketing Strategy !!
Final Zara Marketing Strategy !!Final Zara Marketing Strategy !!
Final Zara Marketing Strategy !!
 
SEO TRENDS 2023: 5 Things to Look Out For
SEO TRENDS 2023: 5 Things to Look Out ForSEO TRENDS 2023: 5 Things to Look Out For
SEO TRENDS 2023: 5 Things to Look Out For
 
Zara's supply chain (sadiq shariff10@hotmail.com)
Zara's supply chain (sadiq shariff10@hotmail.com)Zara's supply chain (sadiq shariff10@hotmail.com)
Zara's supply chain (sadiq shariff10@hotmail.com)
 
A Crash Course in Creative Ideation and Shareable Campaigns - BrightonSEO 202...
A Crash Course in Creative Ideation and Shareable Campaigns - BrightonSEO 202...A Crash Course in Creative Ideation and Shareable Campaigns - BrightonSEO 202...
A Crash Course in Creative Ideation and Shareable Campaigns - BrightonSEO 202...
 

Ähnlich wie ใบงานคอม

ใบงานที่ 1
ใบงานที่ 1ใบงานที่ 1
ใบงานที่ 1Poppy Love
 
ใบงานที่ 1
ใบงานที่ 1ใบงานที่ 1
ใบงานที่ 1Poppy Love
 
ใบงานที่ 1
ใบงานที่ 1ใบงานที่ 1
ใบงานที่ 1Poppy Love
 
ใบงานที่ 1 ความหมาย การเขียน และโครงสร้างภาษา HTML
ใบงานที่  1 ความหมาย การเขียน และโครงสร้างภาษา HTMLใบงานที่  1 ความหมาย การเขียน และโครงสร้างภาษา HTML
ใบงานที่ 1 ความหมาย การเขียน และโครงสร้างภาษา HTMLผ่องนภา มณีธร
 
หน่วยการเรียนรู้ที่ 3 html
หน่วยการเรียนรู้ที่ 3 htmlหน่วยการเรียนรู้ที่ 3 html
หน่วยการเรียนรู้ที่ 3 htmldevilp Nnop
 
รู้จักกับ Html(แก้ไข)
รู้จักกับ Html(แก้ไข)รู้จักกับ Html(แก้ไข)
รู้จักกับ Html(แก้ไข)Beerza Kub
 
2.เริ่มต้นกับ xhtml และ xhtml
2.เริ่มต้นกับ xhtml และ xhtml2.เริ่มต้นกับ xhtml และ xhtml
2.เริ่มต้นกับ xhtml และ xhtmlBeerza Kub
 
ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจ
ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจ
ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจKrunicky Rattanapachai
 
Session1 part2
Session1 part2Session1 part2
Session1 part2maovkh
 
ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtml
ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtmlใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtml
ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtmlSmo Tara
 
ข้อสอบกลางภาค ม.5/2 เลขที่ 16
ข้อสอบกลางภาค ม.5/2 เลขที่ 16 ข้อสอบกลางภาค ม.5/2 เลขที่ 16
ข้อสอบกลางภาค ม.5/2 เลขที่ 16 Jump Takitkulwiwat
 
สอบกลางภาค
สอบกลางภาคสอบกลางภาค
สอบกลางภาคMart Supanatt
 
บทเรียนที่ 3 บท 4
บทเรียนที่ 3 บท 4บทเรียนที่ 3 บท 4
บทเรียนที่ 3 บท 4Nakharin Inphiban
 
ใบความรู้ที่ 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
 

Ähnlich wie ใบงานคอม (20)

ใบงานที่ 1
ใบงานที่  1 ใบงานที่  1
ใบงานที่ 1
 
ใบงานที่ 1
ใบงานที่ 1ใบงานที่ 1
ใบงานที่ 1
 
ใบงานที่ 1
ใบงานที่ 1ใบงานที่ 1
ใบงานที่ 1
 
ใบงานที่ 1
ใบงานที่ 1ใบงานที่ 1
ใบงานที่ 1
 
ใบงานที่ 1 ความหมาย การเขียน และโครงสร้างภาษา HTML
ใบงานที่  1 ความหมาย การเขียน และโครงสร้างภาษา HTMLใบงานที่  1 ความหมาย การเขียน และโครงสร้างภาษา HTML
ใบงานที่ 1 ความหมาย การเขียน และโครงสร้างภาษา HTML
 
หน่วยการเรียนรู้ที่ 3 html
หน่วยการเรียนรู้ที่ 3 htmlหน่วยการเรียนรู้ที่ 3 html
หน่วยการเรียนรู้ที่ 3 html
 
รู้จักกับ Html(แก้ไข)
รู้จักกับ Html(แก้ไข)รู้จักกับ Html(แก้ไข)
รู้จักกับ Html(แก้ไข)
 
2.เริ่มต้นกับ xhtml และ xhtml
2.เริ่มต้นกับ xhtml และ xhtml2.เริ่มต้นกับ xhtml และ xhtml
2.เริ่มต้นกับ xhtml และ xhtml
 
ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจ
ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจ
ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจ
 
Session1 part2
Session1 part2Session1 part2
Session1 part2
 
Html 2
Html 2Html 2
Html 2
 
Content
ContentContent
Content
 
Lernning 13
Lernning 13Lernning 13
Lernning 13
 
ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtml
ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtmlใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtml
ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtml
 
ข้อสอบกลางภาค ม.5/2 เลขที่ 16
ข้อสอบกลางภาค ม.5/2 เลขที่ 16 ข้อสอบกลางภาค ม.5/2 เลขที่ 16
ข้อสอบกลางภาค ม.5/2 เลขที่ 16
 
สอบกลางภาค
สอบกลางภาคสอบกลางภาค
สอบกลางภาค
 
บทเรียนที่ 3 บท 4
บทเรียนที่ 3 บท 4บทเรียนที่ 3 บท 4
บทเรียนที่ 3 บท 4
 
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtmlใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
 
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtmlใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
 
Text1
Text1Text1
Text1
 

ใบงานคอม

  • 1. ใบงานที่ 1<br />ความหมาย การเขียน และโครงสร้างภาษา HTML เวลา 30 นาที <br />ผลการเรียนรู้ <br />1. อธิบายความหมาย การเขียน และโครงสร้างภาษา HTML ได้ <br />2. มีเจตคติที่ดีต่อการใช้ภาษา HTML สร้างเว็บเพจ <br />การปฏิบัติงาน <br />กิจกรรมที่ 1 ขีดเส้นใต้ข้อความที่ผิดในประโยคต่อไปนี้ แล้วแก้ไขให้ถูกต้อง<br />1.เครื่องหมาย < > เรียกว่า แท็ก (Teg) <br /> ตอบ ผิด < >เรียกว่า แท็ก (Tag)<br />2. ส่วนหัวโปรแกรมเป็นส่วนที่กำหนดชื่อผู้ทำ <br /> ตอบ เป็นส่วนชื่อเรื่อง<br />3. ภาษา HTML สามารถเขียนได้ด้วยโปรแกรม Paint <br /> ตอบ ผิด สามารถเขียนได้ด้วยโปรแกรม Notepad Macromedia Easy php<br />4. เมื่อต้องการบันทึกงานต้องบันทึกด้วยนามสกุล .txt<br /> ตอบ ผิด ต้องบันทึกด้วยนามสกุล .Html<br />5. HTML หมายถึง โปรแกรมที่ใช้สาหรับเขียนเว็บเพจ<br /> ตอบ ผิด หมายถึง เป็นภาษาที่เขียนโปรแกรมเพื่อแสดงบนเว็บไซต์ <br /> 6. HTML ย่อมาจาก Hyper picture Text Message Language <br /> ตอบ ผิด ย่อมาจาก Hyper Text Markup Language <br />7. การสร้างเว็บเพจทำได้โดยเขียนภาษา HTML แล้วนำไปเปิดในเว็บไซต์ <br /> ตอบ การสร้างเว็บเพจทำได้ด้วยเขียนด้วยภาษา HTME แล้วเวลา save งานจะ save ชื่อไฟล์ตามด้วยนามสกุล .html <br />8. โครงสร้างของภาษา HTML ได้แก่ ส่วนหัวโปรแกรมและส่วนท้ายโปรแกรม <br /> ตอบ โครงสร้างของภาษา Html ประกอบไปด้วยคำสั่งมีแท็ก < > Tag มี 2 ประเภทคือ แท็กเดี่ยว กับ แท็กคู่<br /> 9. ส่วนหัวโปรแกรม (Head) เป็นส่วนกำหนดคำสั่งรูปแบบต่าง ๆ ลงไปในเว็บเพจ<br /> ตอบ <HEAD> คือคำสั่งบอกส่วนที่เป็นชื่อเรื่อง <br />10. ภาษาHTMLจำเป็นต้องใช้โปรแกรมจำพวกเท็กซ์เอดิเตอร์ (Text Editor) และเวิร์ดเอดิเตอร์ (Word Editor) <br /> ตอบ wordpress<br />กิจกรรมที่ 2 ให้นักเรียนค้นหาเว็บเพจที่สร้างด้วยภาษา HTML จากนั้นนำภาพที่ได้มาติดใน ทางด้านซ้ายและเขียนคำสั่งภาษา HTML ของเว็บเพจนั้นทางด้านขวา พร้อมระบุชื่อเว็บเพจที่ค้นหาใต้ภาพ<br />http://www.google.co.th/images?hl=th&q=%E0%B8%A3%E0%B8%B9%E0%B8%9B%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B8%97%E0%B8%B3%E0%B8%88%E0%B8%B2%E0%B8%81%20html&wrapid=tlif129973463876111&um=1&ie=UTF-8&source=og&sa=N&tab=wi&biw=1345&bih=560<br />