SlideShare une entreprise Scribd logo
1  sur  6
ใบงานที่ 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 />19050635                             <br /><a href=quot;
http://s1202.photobucket.com/albums/bb366/pimpim4011/?action=view&amp;current=12751621.jpgquot;
 target=quot;
_blankquot;
><img src=quot;
http://i1202.photobucket.com/albums/bb366/pimpim4011/12751621.jpgquot;
 border=quot;
0quot;
 alt=quot;
Photobucketquot;
></a><br />            เว็บที่ค้นหาPhotobucket  <br /><a href=quot;
http://s1202.photobucket.com/albums/bb366/pimpim4011/?action=view&amp;current=a8aad367.jpgquot;
 target=quot;
_blankquot;
><img src=quot;
http://i1202.photobucket.com/albums/bb366/pimpim4011/a8aad367.jpgquot;
 border=quot;
0quot;
 alt=quot;
Photobucketquot;
></a><br />
ใบงานคอม
ใบงานคอม
ใบงานคอม
ใบงานคอม
ใบงานคอม

Contenu connexe

Tendances

รู้จักกับ Html(แก้ไข)
รู้จักกับ Html(แก้ไข)รู้จักกับ Html(แก้ไข)
รู้จักกับ Html(แก้ไข)Beerza Kub
 
ใบงานที่ 1 ความหมาย การเขียน และโครงสร้างภาษา HTML
ใบงานที่  1 ความหมาย การเขียน และโครงสร้างภาษา HTMLใบงานที่  1 ความหมาย การเขียน และโครงสร้างภาษา HTML
ใบงานที่ 1 ความหมาย การเขียน และโครงสร้างภาษา HTMLผ่องนภา มณีธร
 
Session1 part2
Session1 part2Session1 part2
Session1 part2maovkh
 
สอบกลางภาค
สอบกลางภาคสอบกลางภาค
สอบกลางภาคNattawat Cjd
 
ข้อสอบกลางภาค
ข้อสอบกลางภาคข้อสอบกลางภาค
ข้อสอบกลางภาคPimlapas Kimkur
 
วิชาคอมพิวเตอร์
วิชาคอมพิวเตอร์วิชาคอมพิวเตอร์
วิชาคอมพิวเตอร์thanawat tuyawat
 
ข้อสอบกลางภาค
ข้อสอบกลางภาคข้อสอบกลางภาค
ข้อสอบกลางภาคDai Punyawat
 
สอบกลางภาค
สอบกลางภาคสอบกลางภาค
สอบกลางภาคNon Thanawat
 
นาย กฤตพล ญาติจันทร์ ม.5/2 เลขที่ 13
นาย กฤตพล ญาติจันทร์ ม.5/2  เลขที่ 13นาย กฤตพล ญาติจันทร์ ม.5/2  เลขที่ 13
นาย กฤตพล ญาติจันทร์ ม.5/2 เลขที่ 13RewV6
 
สอบกลางภาค.Pdf
สอบกลางภาค.Pdfสอบกลางภาค.Pdf
สอบกลางภาค.Pdfkokiplus
 
ข้อสอบกลางภาค
ข้อสอบกลางภาคข้อสอบกลางภาค
ข้อสอบกลางภาคNon Thanawat
 
ข้อสอบกลางภาค
ข้อสอบกลางภาคข้อสอบกลางภาค
ข้อสอบกลางภาคSilver Bullet
 
ข้อสอบกลางภาค
ข้อสอบกลางภาคข้อสอบกลางภาค
ข้อสอบกลางภาคSilver Bullet
 
สอบกลางภาค
สอบกลางภาคสอบกลางภาค
สอบกลางภาคhokm9000
 

Tendances (17)

รู้จักกับ Html(แก้ไข)
รู้จักกับ Html(แก้ไข)รู้จักกับ Html(แก้ไข)
รู้จักกับ Html(แก้ไข)
 
ใบงานที่ 1 ความหมาย การเขียน และโครงสร้างภาษา HTML
ใบงานที่  1 ความหมาย การเขียน และโครงสร้างภาษา HTMLใบงานที่  1 ความหมาย การเขียน และโครงสร้างภาษา HTML
ใบงานที่ 1 ความหมาย การเขียน และโครงสร้างภาษา HTML
 
Session1 part2
Session1 part2Session1 part2
Session1 part2
 
สอบกลางภาค
สอบกลางภาคสอบกลางภาค
สอบกลางภาค
 
ข้อสอบกลางภาค
ข้อสอบกลางภาคข้อสอบกลางภาค
ข้อสอบกลางภาค
 
วิชาคอมพิวเตอร์
วิชาคอมพิวเตอร์วิชาคอมพิวเตอร์
วิชาคอมพิวเตอร์
 
ทดสอบกลางภาค
ทดสอบกลางภาคทดสอบกลางภาค
ทดสอบกลางภาค
 
ข้อสอบกลางภาค
ข้อสอบกลางภาคข้อสอบกลางภาค
ข้อสอบกลางภาค
 
Test1
Test1Test1
Test1
 
สอบกลางภาค
สอบกลางภาคสอบกลางภาค
สอบกลางภาค
 
นาย กฤตพล ญาติจันทร์ ม.5/2 เลขที่ 13
นาย กฤตพล ญาติจันทร์ ม.5/2  เลขที่ 13นาย กฤตพล ญาติจันทร์ ม.5/2  เลขที่ 13
นาย กฤตพล ญาติจันทร์ ม.5/2 เลขที่ 13
 
สอบกลางภาค.Pdf
สอบกลางภาค.Pdfสอบกลางภาค.Pdf
สอบกลางภาค.Pdf
 
งาน
งานงาน
งาน
 
ข้อสอบกลางภาค
ข้อสอบกลางภาคข้อสอบกลางภาค
ข้อสอบกลางภาค
 
ข้อสอบกลางภาค
ข้อสอบกลางภาคข้อสอบกลางภาค
ข้อสอบกลางภาค
 
ข้อสอบกลางภาค
ข้อสอบกลางภาคข้อสอบกลางภาค
ข้อสอบกลางภาค
 
สอบกลางภาค
สอบกลางภาคสอบกลางภาค
สอบกลางภาค
 

Similaire à ใบงานคอม

ใบงานที่ 1
ใบงานที่ 1ใบงานที่ 1
ใบงานที่ 1Poppy Love
 
ใบงานที่ 1
ใบงานที่ 1ใบงานที่ 1
ใบงานที่ 1Poppy Love
 
หน่วยการเรียนรู้ที่ 3 html
หน่วยการเรียนรู้ที่ 3 htmlหน่วยการเรียนรู้ที่ 3 html
หน่วยการเรียนรู้ที่ 3 htmldevilp Nnop
 
ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจ
ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจ
ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจKrunicky Rattanapachai
 
ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtml
ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtmlใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtml
ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtmlSmo Tara
 
ใบความรู้ที่ 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
 
บทเรียนที่ 3 บท 4
บทเรียนที่ 3 บท 4บทเรียนที่ 3 บท 4
บทเรียนที่ 3 บท 4Nakharin Inphiban
 
เนื้อหา Html
เนื้อหา Htmlเนื้อหา Html
เนื้อหา HtmlRungnapha Naka
 
การเขียนโปรแกรม
การเขียนโปรแกรมการเขียนโปรแกรม
การเขียนโปรแกรมikanok
 
เริ่มต้นการสร้าง Home page ด้วยคำสั่งเบื้องต้น
เริ่มต้นการสร้าง Home page ด้วยคำสั่งเบื้องต้นเริ่มต้นการสร้าง Home page ด้วยคำสั่งเบื้องต้น
เริ่มต้นการสร้าง Home page ด้วยคำสั่งเบื้องต้นKhon Kaen University
 
การสร้างเว็บด้วย Macromedia dreamweaver8
การสร้างเว็บด้วย Macromedia dreamweaver8การสร้างเว็บด้วย Macromedia dreamweaver8
การสร้างเว็บด้วย Macromedia dreamweaver8doraemonbookie
 
บทที่ 3 พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์
บทที่ 3 พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์บทที่ 3 พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์
บทที่ 3 พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์chiton2535
 
โปรแกรม dream 8
โปรแกรม dream 8โปรแกรม dream 8
โปรแกรม dream 8kruppp46
 

Similaire à ใบงานคอม (20)

ใบงานที่ 1
ใบงานที่ 1ใบงานที่ 1
ใบงานที่ 1
 
ใบงานที่ 1
ใบงานที่ 1ใบงานที่ 1
ใบงานที่ 1
 
หน่วยการเรียนรู้ที่ 3 html
หน่วยการเรียนรู้ที่ 3 htmlหน่วยการเรียนรู้ที่ 3 html
หน่วยการเรียนรู้ที่ 3 html
 
ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจ
ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจ
ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจ
 
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
 
ใบความรู้ที่ 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
 
บทเรียนที่ 3 บท 4
บทเรียนที่ 3 บท 4บทเรียนที่ 3 บท 4
บทเรียนที่ 3 บท 4
 
เนื้อหา Html
เนื้อหา Htmlเนื้อหา Html
เนื้อหา Html
 
การเขียนโปรแกรม
การเขียนโปรแกรมการเขียนโปรแกรม
การเขียนโปรแกรม
 
เริ่มต้นการสร้าง Home page ด้วยคำสั่งเบื้องต้น
เริ่มต้นการสร้าง Home page ด้วยคำสั่งเบื้องต้นเริ่มต้นการสร้าง Home page ด้วยคำสั่งเบื้องต้น
เริ่มต้นการสร้าง Home page ด้วยคำสั่งเบื้องต้น
 
Tutorial android
Tutorial androidTutorial android
Tutorial android
 
Text
TextText
Text
 
การสร้างเว็บด้วย Macromedia dreamweaver8
การสร้างเว็บด้วย Macromedia dreamweaver8การสร้างเว็บด้วย Macromedia dreamweaver8
การสร้างเว็บด้วย Macromedia dreamweaver8
 
บทที่ 3 พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์
บทที่ 3 พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์บทที่ 3 พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์
บทที่ 3 พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์
 
โปรแกรม dream 8
โปรแกรม dream 8โปรแกรม dream 8
โปรแกรม dream 8
 

ใบงานคอม

  • 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 />19050635 <br /><a href=quot; http://s1202.photobucket.com/albums/bb366/pimpim4011/?action=view&amp;current=12751621.jpgquot; target=quot; _blankquot; ><img src=quot; http://i1202.photobucket.com/albums/bb366/pimpim4011/12751621.jpgquot; border=quot; 0quot; alt=quot; Photobucketquot; ></a><br /> เว็บที่ค้นหาPhotobucket <br /><a href=quot; http://s1202.photobucket.com/albums/bb366/pimpim4011/?action=view&amp;current=a8aad367.jpgquot; target=quot; _blankquot; ><img src=quot; http://i1202.photobucket.com/albums/bb366/pimpim4011/a8aad367.jpgquot; border=quot; 0quot; alt=quot; Photobucketquot; ></a><br />