├── Basic Web Tutorial └── HTML เบื้องต้น │ ├── image │ ├── car1.png │ └── car2.png │ ├── blockvsinline.html │ ├── classid.html │ ├── page2.html │ ├── shopping │ └── shop.html │ ├── page3.html │ ├── index.html │ ├── form.html │ └── semantic.html ├── README.md └── semantic.html /Basic Web Tutorial/HTML เบื้องต้น/image/car1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongruksiamza/htmlbasic/HEAD/Basic Web Tutorial/HTML เบื้องต้น/image/car1.png -------------------------------------------------------------------------------- /Basic Web Tutorial/HTML เบื้องต้น/image/car2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongruksiamza/htmlbasic/HEAD/Basic Web Tutorial/HTML เบื้องต้น/image/car2.png -------------------------------------------------------------------------------- /Basic Web Tutorial/HTML เบื้องต้น/blockvsinline.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Block VS Inline 7 | 15 | 16 | 17 |

Block VS inline

18 | 19 | kongruksiam 20 | kongruksiam 21 | kongruksiam 22 |
23 |
kongruksiam
24 |
kongruksiam
25 |
kongruksiam
26 | 27 | -------------------------------------------------------------------------------- /Basic Web Tutorial/HTML เบื้องต้น/classid.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 21 | 22 | 23 |

kongruksiam

24 |

kongruksiam

25 |

kongruksiam

26 |

kongruksiam

27 |

kongruksiam

28 | 29 |
30 | html css javascript 31 |
32 | 33 | ssssaaaaaa 34 | 35 | 36 | -------------------------------------------------------------------------------- /Basic Web Tutorial/HTML เบื้องต้น/page2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 |

11 | รถคันนี้สีฟ้า
12 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dignissimos at minus illo quam ad vero ut error, ducimus necessitatibus nobis! 13 |

14 |

ภาพรถประกอบหน้าเว็บ

15 | 16 | รถคันนี้สีเขียว 17 | 18 | 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /Basic Web Tutorial/HTML เบื้องต้น/shopping/shop.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 |

ร้านค้าในเครือ

10 |
11 |

ร้านอาหารอีสาน

12 |

เมนูอาหาร

13 |
    14 |
  1. ส้มตำ 15 | 20 |
    2. 21 |
  2. ไก่ย่าง 22 | 27 |
    3. 28 |
  3. ปลาเผา
    4. 29 |
30 |
31 |

ร้านอาหารใต้

32 |

เมนูอาหาร

33 | 44 |
45 | กลับหน้าแรก 46 | 47 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |
2 | 3 | [![Youtube KongRuksiam Official](https://youtube-stats-card.vercel.app/api?channelid=UCQ1r_4x-P-fETLIU4pqf98w&theme=dark&layout=extruded)](https://www.youtube.com/@KongRuksiamOfficial) 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | kongruksiamza 26 | 27 |
28 | 29 | --- 30 | 31 | ## 🎓 คอร์สเรียนที่น่าสนใจ [![Udemy](https://img.shields.io/badge/Udemy-A435F0?logo=udemy&logoColor=fff)](https://www.udemy.com/user/kong-ruksiam/) 32 | - [พัฒนาเว็บด้วย JavaScript 40 Workshop](https://www.udemy.com/course/javascript-30-workshop/?referralCode=E5EF637C90FC6B8A8E26) 33 | - [สร้างเว็บแอพพลิเคชั่นด้วย JavaScript](https://www.udemy.com/course/javascript-building-20-projects/?referralCode=938570689EA33E12823C) 34 | 35 | -------------------------------------------------------------------------------- /Basic Web Tutorial/HTML เบื้องต้น/page3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 15 | 16 | 17 |

รายการสินค้า

18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 | 34 | 37 | 38 | 39 | 40 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 |
รหัสสินค้าภาพสินค้าชื่อสินค้าราคาดำเนินการ
P001 30 | 31 | ส้มตำ150.00 35 | สั่งซื้อ 36 |
P002 41 | 42 | สเต็ก200
ราคารวม : 500 บาท
54 | kongruksiam 55 | kongruksiam 56 | kongruksiam 57 | 58 |
kongruksiam
59 |
kongruksiam
60 |
kongruksiam
61 | 62 | -------------------------------------------------------------------------------- /Basic Web Tutorial/HTML เบื้องต้น/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | ยินดีต้อนรับเข้าสู่เว็บของเรา 12 | 13 | 14 |

html5 เบื้องต้น

15 | 16 | เปิดเว็บกูเกิ้ล 17 |

HTML5

18 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime blanditiis quo excepturi tempore illum maiores!

19 |
20 |

ร้านกุ้งเผา

21 |

ร้านตั้งอยู่ที่ จังหวัดชลบุรี Lorem ipsum dolor sit amet consectetur 22 | adipisicing elit.
Nam eum soluta, nostrum nisi amet debitis quis 23 | magni molestiae dolorum officia consectetur quidem vero!
Veniam amet ea 24 | illo eveniet explicabo repellendus ipsam, autem perferendis ullam sed 25 | aspernatur ex ad accusantium repellat.

26 |
27 |

ร้านไม้ดอก

28 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, autem!

29 |
30 |

ร้านชาบู

31 |

ส่วนลด Lorem ipsum dolor sit amet consectetur adipisicingelit. Doloribus dolor 32 | soluta reprehenderit, asperiores ipsa ullam non nam necessitatibus repudiandae pariatur!

33 |

E=mc2

34 |

H2O

35 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ex, facere. 36 | kongruksiam studio

37 | 38 | หน้าที่2 39 | หน้าที่3 40 | ร้านค้า 41 | 42 | เปิด google 43 | เปิดยูทูป 44 | ลงทะเบียน 45 | 46 | 47 | -------------------------------------------------------------------------------- /Basic Web Tutorial/HTML เบื้องต้น/form.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | ลงทะเบียน 7 | 15 | 16 | 17 |

แบบฟอร์มลงทะเบียน

18 |
19 |
20 | 21 | 22 |
23 |
24 | 25 | 26 |
27 |
28 | 29 | 30 |
31 |
32 | 33 | 34 |
35 |
36 | 37 | 40 |
41 |
42 | 43 | 44 |
45 |
46 | 47 | 48 |
49 |
50 | 51 | 52 |
53 |
54 | 55 | 56 |
57 |
58 | 59 | 60 |
61 |
62 | 63 | 68 |
69 |
70 | 71 | เพศชาย 72 | เพศหญิง 73 | กำหนดเอง 74 |
75 |
76 | 77 | เขียนเว็บ 78 | สร้างเกม 79 | ซ่อมคอม 80 | เล่นเกม 81 | อื่นๆ 82 |
83 |
84 | 85 | 86 |
87 |
88 | 89 | 90 |
91 |
92 | 93 | 94 |
95 |
96 | kongruksiamsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss 97 | 98 | -------------------------------------------------------------------------------- /semantic.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | HTML5 Semantic 8 | 63 | 64 | 65 | 66 | 70 | 71 | 72 |
73 | 74 |
75 |

ยินดีต้อนรับเข้าสู่เว็บไซต์

76 |

77 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat 78 | cupiditate itaque possimus numquam corporis odit deserunt voluptas 79 | repellat ad ex earum magnam mollitia magni eaque nisi, excepturi nam 80 | temporibus! Sed.
81 | ช่องยูทูป Kongruksiam 82 | แฟนเพจ Kongruksiam 83 |

84 |
85 | 86 |
87 |

บทความ

88 | 89 |
90 |

ท่องเที่ยว

91 |

92 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem 93 | veniam adipisci necessitatibus quia quisquam? Eligendi vitae quia 94 | totam accusantium officiis! 95 | Lorem ipsum dolor sit, amet consectetur adipisicing elit. 96 | Quos quia enim corrupti veritatis deleniti culpa officia, sunt soluta, 97 | sint fugiat perspiciatis! Suscipit quibusdam sit neque reprehenderit tempora illo vero aliquid. 98 | Click 99 |

100 |
101 |
102 | 103 |
104 |

ร้านอาหาร

105 |

106 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem 107 | veniam adipisci necessitatibus quia quisquam? Eligendi vitae quia 108 | totam accusantium officiis! 109 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem 110 | veniam adipisci necessitatibus quia quisquam? Eligendi vitae quia 111 | totam accusantium officiis! 112 | Lorem ipsum dolor sit, amet consectetur adipisicing elit. 113 | Quos quia enim corrupti veritatis deleniti culpa officia, sunt soluta, 114 | sint fugiat perspiciatis! Suscipit quibusdam sit neque reprehenderit tempora illo vero aliquid. 115 | Click 116 |

117 |
118 |
119 |
120 | 121 | 122 | 138 | 139 |
140 | 141 | 142 | 145 | 146 | 147 | -------------------------------------------------------------------------------- /Basic Web Tutorial/HTML เบื้องต้น/semantic.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | HTML5 Semantic 8 | 63 | 64 | 65 | 66 | 70 | 71 | 72 |
73 | 74 |
75 |

ยินดีต้อนรับเข้าสู่เว็บไซต์

76 |

77 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat 78 | cupiditate itaque possimus numquam corporis odit deserunt voluptas 79 | repellat ad ex earum magnam mollitia magni eaque nisi, excepturi nam 80 | temporibus! Sed.
81 | ช่องยูทูป Kongruksiam 82 | แฟนเพจ Kongruksiam 83 |

84 |
85 | 86 |
87 |

บทความ

88 | 89 |
90 |

ท่องเที่ยว

91 |

92 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem 93 | veniam adipisci necessitatibus quia quisquam? Eligendi vitae quia 94 | totam accusantium officiis! 95 | Lorem ipsum dolor sit, amet consectetur adipisicing elit. 96 | Quos quia enim corrupti veritatis deleniti culpa officia, sunt soluta, 97 | sint fugiat perspiciatis! Suscipit quibusdam sit neque reprehenderit tempora illo vero aliquid. 98 | Click 99 |

100 |
101 |
102 | 103 |
104 |

ร้านอาหาร

105 |

106 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem 107 | veniam adipisci necessitatibus quia quisquam? Eligendi vitae quia 108 | totam accusantium officiis! 109 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem 110 | veniam adipisci necessitatibus quia quisquam? Eligendi vitae quia 111 | totam accusantium officiis! 112 | Lorem ipsum dolor sit, amet consectetur adipisicing elit. 113 | Quos quia enim corrupti veritatis deleniti culpa officia, sunt soluta, 114 | sint fugiat perspiciatis! Suscipit quibusdam sit neque reprehenderit tempora illo vero aliquid. 115 | Click 116 |

117 |
118 |
119 |
120 | 121 | 122 | 138 | 139 |
140 | 141 | 142 | 145 | 146 | 147 | --------------------------------------------------------------------------------