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

More Related Content

What's hot

37 กรวิชญ์-3-7
37 กรวิชญ์-3-737 กรวิชญ์-3-7
37 กรวิชญ์-3-7naraporn buanuch
 
โครงสร้างของโปรแกรมภาษาซี
โครงสร้างของโปรแกรมภาษาซีโครงสร้างของโปรแกรมภาษาซี
โครงสร้างของโปรแกรมภาษาซีณัฐพล บัวพันธ์
 
เริ่มต้นการสร้าง Home page ด้วยคำสั่งเบื้องต้น
เริ่มต้นการสร้าง Home page ด้วยคำสั่งเบื้องต้นเริ่มต้นการสร้าง Home page ด้วยคำสั่งเบื้องต้น
เริ่มต้นการสร้าง Home page ด้วยคำสั่งเบื้องต้นKhon Kaen University
 
พื้นฐานการเขียนโปรแกรม Visual Basic 6.0
พื้นฐานการเขียนโปรแกรมVisual Basic 6.0พื้นฐานการเขียนโปรแกรมVisual Basic 6.0
พื้นฐานการเขียนโปรแกรม Visual Basic 6.0Bass Bass
 
การสร้างโปรแกรมด้วยภาษาคอมพิวเตอร์
การสร้างโปรแกรมด้วยภาษาคอมพิวเตอร์ การสร้างโปรแกรมด้วยภาษาคอมพิวเตอร์
การสร้างโปรแกรมด้วยภาษาคอมพิวเตอร์ Last'z Regrets
 

What's hot (8)

vb.net
vb.netvb.net
vb.net
 
การสร้างเว็บเพจด้วยDream 8
การสร้างเว็บเพจด้วยDream 8การสร้างเว็บเพจด้วยDream 8
การสร้างเว็บเพจด้วยDream 8
 
37 กรวิชญ์-3-7
37 กรวิชญ์-3-737 กรวิชญ์-3-7
37 กรวิชญ์-3-7
 
โครงสร้างของโปรแกรมภาษาซี
โครงสร้างของโปรแกรมภาษาซีโครงสร้างของโปรแกรมภาษาซี
โครงสร้างของโปรแกรมภาษาซี
 
เริ่มต้นการสร้าง Home page ด้วยคำสั่งเบื้องต้น
เริ่มต้นการสร้าง Home page ด้วยคำสั่งเบื้องต้นเริ่มต้นการสร้าง Home page ด้วยคำสั่งเบื้องต้น
เริ่มต้นการสร้าง Home page ด้วยคำสั่งเบื้องต้น
 
พื้นฐานการเขียนโปรแกรม Visual Basic 6.0
พื้นฐานการเขียนโปรแกรมVisual Basic 6.0พื้นฐานการเขียนโปรแกรมVisual Basic 6.0
พื้นฐานการเขียนโปรแกรม Visual Basic 6.0
 
Job 13
Job 13Job 13
Job 13
 
การสร้างโปรแกรมด้วยภาษาคอมพิวเตอร์
การสร้างโปรแกรมด้วยภาษาคอมพิวเตอร์ การสร้างโปรแกรมด้วยภาษาคอมพิวเตอร์
การสร้างโปรแกรมด้วยภาษาคอมพิวเตอร์
 

Viewers also liked

The Dark Side Of Enterprise 2 0
The Dark Side Of Enterprise 2 0The Dark Side Of Enterprise 2 0
The Dark Side Of Enterprise 2 0Greg Lowe
 
jAPS 2 0 - Presentation Layer Comparison
jAPS 2 0 - Presentation Layer ComparisonjAPS 2 0 - Presentation Layer Comparison
jAPS 2 0 - Presentation Layer ComparisonWilliam Ghelfi
 
Week01 jan19 introductionto_php
Week01 jan19 introductionto_phpWeek01 jan19 introductionto_php
Week01 jan19 introductionto_phpJeanho Chu
 
ใบงานที่ 1
ใบงานที่ 1ใบงานที่ 1
ใบงานที่ 1Poppy Love
 
รายงาน กลุ่ม คอม ป๊อบ
รายงาน กลุ่ม คอม ป๊อบรายงาน กลุ่ม คอม ป๊อบ
รายงาน กลุ่ม คอม ป๊อบPoppy Love
 

Viewers also liked (8)

The Dark Side Of Enterprise 2 0
The Dark Side Of Enterprise 2 0The Dark Side Of Enterprise 2 0
The Dark Side Of Enterprise 2 0
 
jAPS 2 0 - Presentation Layer Comparison
jAPS 2 0 - Presentation Layer ComparisonjAPS 2 0 - Presentation Layer Comparison
jAPS 2 0 - Presentation Layer Comparison
 
Web 2 0 And Medting
Web 2 0 And MedtingWeb 2 0 And Medting
Web 2 0 And Medting
 
Herramientas 2[1].0
Herramientas 2[1].0Herramientas 2[1].0
Herramientas 2[1].0
 
Week01 jan19 introductionto_php
Week01 jan19 introductionto_phpWeek01 jan19 introductionto_php
Week01 jan19 introductionto_php
 
ใบงานที่ 1
ใบงานที่ 1ใบงานที่ 1
ใบงานที่ 1
 
Web 2[1].0
Web 2[1].0Web 2[1].0
Web 2[1].0
 
รายงาน กลุ่ม คอม ป๊อบ
รายงาน กลุ่ม คอม ป๊อบรายงาน กลุ่ม คอม ป๊อบ
รายงาน กลุ่ม คอม ป๊อบ
 

Similar to ใบงานที่ 1

หน่วยการเรียนรู้ที่ 3 html
หน่วยการเรียนรู้ที่ 3 htmlหน่วยการเรียนรู้ที่ 3 html
หน่วยการเรียนรู้ที่ 3 htmldevilp Nnop
 
ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจ
ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจ
ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจKrunicky Rattanapachai
 
รู้จักกับ Html(แก้ไข)
รู้จักกับ Html(แก้ไข)รู้จักกับ Html(แก้ไข)
รู้จักกับ Html(แก้ไข)Beerza Kub
 
ใบความรู้ที่ 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
 
2.เริ่มต้นกับ xhtml และ xhtml
2.เริ่มต้นกับ xhtml และ xhtml2.เริ่มต้นกับ xhtml และ xhtml
2.เริ่มต้นกับ xhtml และ xhtmlBeerza Kub
 
การสร้างเว็บด้วย Macromedia dreamweaver8
การสร้างเว็บด้วย Macromedia dreamweaver8การสร้างเว็บด้วย Macromedia dreamweaver8
การสร้างเว็บด้วย Macromedia dreamweaver8doraemonbookie
 
หน่วยการเรียนรู้ที่ 2
หน่วยการเรียนรู้ที่ 2หน่วยการเรียนรู้ที่ 2
หน่วยการเรียนรู้ที่ 2SubLt Masu
 
ภาษาซี
ภาษาซีภาษาซี
ภาษาซีMorn Suwanno
 
ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtml
ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtmlใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtml
ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtmlSmo Tara
 
การเขียนโปรแกรม
การเขียนโปรแกรมการเขียนโปรแกรม
การเขียนโปรแกรมikanok
 
Session1 part2
Session1 part2Session1 part2
Session1 part2maovkh
 
ภาษาในการพัฒนาเว็บไซต์
ภาษาในการพัฒนาเว็บไซต์ภาษาในการพัฒนาเว็บไซต์
ภาษาในการพัฒนาเว็บไซต์Nichakorn Sengsui
 
โปรแกรม dream 8
โปรแกรม dream 8โปรแกรม dream 8
โปรแกรม dream 8kruppp46
 
เนื้อหา Html
เนื้อหา Htmlเนื้อหา Html
เนื้อหา HtmlRungnapha Naka
 

Similar to ใบงานที่ 1 (20)

หน่วยการเรียนรู้ที่ 3 html
หน่วยการเรียนรู้ที่ 3 htmlหน่วยการเรียนรู้ที่ 3 html
หน่วยการเรียนรู้ที่ 3 html
 
ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจ
ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจ
ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจ
 
รู้จักกับ Html(แก้ไข)
รู้จักกับ Html(แก้ไข)รู้จักกับ Html(แก้ไข)
รู้จักกับ 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
 
2.เริ่มต้นกับ xhtml และ xhtml
2.เริ่มต้นกับ xhtml และ xhtml2.เริ่มต้นกับ xhtml และ xhtml
2.เริ่มต้นกับ xhtml และ xhtml
 
Lernning 13
Lernning 13Lernning 13
Lernning 13
 
Html 2
Html 2Html 2
Html 2
 
การสร้างเว็บด้วย Macromedia dreamweaver8
การสร้างเว็บด้วย Macromedia dreamweaver8การสร้างเว็บด้วย Macromedia dreamweaver8
การสร้างเว็บด้วย Macromedia dreamweaver8
 
หน่วยการเรียนรู้ที่ 2
หน่วยการเรียนรู้ที่ 2หน่วยการเรียนรู้ที่ 2
หน่วยการเรียนรู้ที่ 2
 
ภาษาซี
ภาษาซีภาษาซี
ภาษาซี
 
งานทำBlog บทที่ 1
งานทำBlog บทที่ 1งานทำBlog บทที่ 1
งานทำBlog บทที่ 1
 
ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtml
ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtmlใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtml
ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtml
 
การเขียนโปรแกรม
การเขียนโปรแกรมการเขียนโปรแกรม
การเขียนโปรแกรม
 
Session1 part2
Session1 part2Session1 part2
Session1 part2
 
ภาษาในการพัฒนาเว็บไซต์
ภาษาในการพัฒนาเว็บไซต์ภาษาในการพัฒนาเว็บไซต์
ภาษาในการพัฒนาเว็บไซต์
 
Learn 2
Learn 2Learn 2
Learn 2
 
โปรแกรม dream 8
โปรแกรม dream 8โปรแกรม dream 8
โปรแกรม dream 8
 
Html
HtmlHtml
Html
 
เนื้อหา Html
เนื้อหา Htmlเนื้อหา Html
เนื้อหา Html
 

ใบงานที่ 1

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