After Songkran Sale ลดราคา 17-19 เม.ย. เท่านั้น

HTML 2: Tables, Forms และ Lists

Intermediate

Beginner

Expert

เรียนรู้เกี่ยวกับวิธีการสร้างและใช้งานตารางเพื่อจัดรูปแบบข้อมูลให้อยู่ในรูปแบบที่เหมาะสม

ทดลองเรียนฟรี
2
 ชั่วโมง
93
 นาที
3
 การบ้าน
0
 ข้อสอบ
แพ็คเกจสมาชิกการเรียนที่คุ้มค่าที่สุด
ชั่วโมงปรึกษา 6-8 ชม/วัน
ตรวจทุกการบ้านและโปรเจ็กต์
เข้าร่วมอีเวนท์ 2-3/สัปดาห์
รับบริการสนับสนุนอาชีพ
เรียนพร้อมกับ Job Guarantee
เริ่มเรียนแบบไม่จำกัดกว่า 100 คอร์สและอื่นๆ เรียนแล้วไม่ได้งานคืนเงิน 100%

หลักสูตร

โมดูลที่เน้นการเรียนรู้เกี่ยวกับการใช้งานตาราง (Tables), ฟอร์ม (Forms), และรายการ (Lists) ในภาษา HTML โดยในโมดูลนี้ผู้เรียนจะได้เรียนรู้เกี่ยวกับวิธีการสร้างและใช้งานตารางเพื่อจัดรูปแบบข้อมูลให้อยู่ในรูปแบบที่เหมาะสม การสร้างฟอร์มเพื่อรับข้อมูลจากผู้ใช้ และการสร้างรายการเพื่อแสดงข้อมูลในรูปแบบลำดับหรือรายการ โมดูลนี้เป็นการเตรียมพร้อมสำหรับผู้เรียนที่ต้องการสร้างหน้าเว็บที่มีการจัดรูปแบบและการสื่อสารกับผู้ใช้ในรูปแบบต่าง ๆ บนเว็บไซต์

รายละเอียดบทเรียน

Introduction

Learning Goals

Introduction to HTML Tables

TR, TD และ TH

Thead, Tbody และ Tfoot Elements

ทบทวน: Thead, Tbody และTfoot

Colspan และ Rowspan

ทบทวน: Col and Row Span

Challenge: สร้างตารางผลไม้

Input Types

Label

Buttons

name Attribute

สร้าง Search

Radio Buttons, Checkboxes และ Selects

Button

Feedback

00:19

00:08

04:09

13:01

05:01

00:12

08:33

00:28

1 questions

05:26

07:08

05:58

03:28

04:24

08:15

00:18

3 questions

1

Table

โมดูลที่เน้นการเรียนรู้และทำความเข้าใจเกี่ยวกับแนวคิดพื้นฐานและศัพท์เฉพาะที่เกี่ยวข้องกับการพัฒนาเว็บไซต์ ในโมดูลนี้ผู้เรียนจะได้เรียนรู้เกี่ยวกับการใช้งาน Table, Forms, และ Lists ใน HTML โดยสามารถอธิบาย Semantic HTML และสามารถสร้าง Table, Forms, และ Lists ได้ด้วยความเข้าใจและมั่นใจ

รายละเอียดบทเรียน

เริ่มเรียนบทนี้

Introduction

Learning Goals

Introduction to HTML Tables

TR, TD และ TH

Thead, Tbody และ Tfoot Elements

ทบทวน: Thead, Tbody และTfoot

Colspan และ Rowspan

ทบทวน: Col and Row Span

Challenge: สร้างตารางผลไม้

Input Types

Label

Buttons

name Attribute

สร้าง Search

Radio Buttons, Checkboxes และ Selects

Button

Feedback

00:19

00:08

04:09

13:01

05:01

00:12

08:33

00:28

1 questions

05:26

07:08

05:58

03:28

04:24

08:15

00:18

3 questions

2

Forms

ฟอร์ม (Form) เป็นองค์ประกอบใน HTML ที่ใช้สำหรับเก็บข้อมูลจากผู้ใช้ เพื่อนำข้อมูลเหล่านั้นไปประมวลผลหรือบันทึกลงในฐานข้อมูล ซึ่งฟอร์มประกอบด้วยองค์ประกอบต่าง ๆ เช่น ช่องข้อมูล (Input Fields), ปุ่มส่ง (Submit Button), และส่วนสำหรับเลือกตัวเลือก (Select Options) เป็นต้น โดยการใช้ฟอร์มนี้จะช่วยให้ผู้ใช้สามารถส่งข้อมูลไปยังเซิร์ฟเวอร์หรือที่ประมวลผลอื่น ๆ ได้โดยสะดวกและมีประสิทธิภาพ

รายละเอียดบทเรียน

เริ่มเรียนบทนี้

Form คืออะไร

Form Elements

Range และ Text Area

Built-in Form Validation (Form Validation)

สร้างแบบฟอร์มลงทะเบียน (Part 1)

สร้างแบบฟอร์มลงทะเบียน (Part 2)

ทบทวน: Inputs Element และ Type attribute

Challenge: สร้างฟอร์มร้านเบอร์เกอร์

Feedback

00:05

06:15

04:42

05:35

01:17

06:57

00:50

1 questions

3 questions

3

List

โมดูลนี้จะสอนการใช้แท็กรายการที่ไม่มีลำดับ (ใช้สำหรับสร้างรายการที่ไม่มีลำดับเฉพาะ ๆ ใน HTML โดยแต่ละรายการจะถูกจัดเรียงโดยไม่มีลำดับที่แน่นอน และใช้แท็ก<li> เพื่อแสดงแต่ละรายการ รายการที่มีลำดับใช้สำหรับสร้างรายการที่มีลำดับเฉพาะ ๆ ใน HTML โดยแต่ละรายการจะถูกจัดเรียงตามลำดับที่ระบุ และใช้แท็ก <li> เช่นเดียวกับแท็กรายการที่ไม่มีลำดับ

รายละเอียดบทเรียน

เริ่มเรียนบทนี้

List

ทบทวน: List

Challenge: สร้าง list หนังน่าดูปี 2022

Feedback

Certificate

03:05

00:12

1 questions

3 questions

4

รายละเอียดบทเรียน

เริ่มเรียนบทนี้
5

รายละเอียดบทเรียน

เริ่มเรียนบทนี้
6

รายละเอียดบทเรียน

เริ่มเรียนบทนี้
7

รายละเอียดบทเรียน

เริ่มเรียนบทนี้

เป็นส่วนหนึ่งของ Career Track:

เป็นส่วนหนึ่งของ Skill Track:

No items found.

ฟังเสียงจริงจากนักเรียนของเรา

นักเรียนที่เคยเผชิญความท้าทายในการเปลี่ยนสายงาน แต่สามารถบรรลุเป้าหมายและประสบความสำเร็จได้ด้วยการเรียนกับเรา

มากกว่าคอร์สออนไลน์ธรรมดา

เรียนรู้สกิลไอทีหลากหลาย ทั้งคอร์สเรียน IT เส้นทางทักษะ อีเวนท์สด และการทำโปรเจ็คจริง มีการันตีงาน 100%

พูดคุยกับเมนเทอร์ในชั่วโมงปรึกษา

เมนเทอร์ของเราพร้อมประจำการเพื่อช่วยเหลือคุณระหว่าง 6-10 ชั่วโมง/วัน ผ่านวีดิโอคอนเฟอเรนซ์

สอบถามและคุยกับเพื่อนๆบน ออนไลน์ Community

มีคำถามหรือต้องการแบ่งปันอะไรบ้างไหม ส่งข้อความถึงเพื่อนๆ และผู้ช่วยสอนในชุมชนของเรา

เราจะตรวจการบ้านและโปรเจกต์ของคุณทั้งหมด

ส่งงานของคุณมาและรอรับฟีดแบ็ก ซึ่งเราจะพยายามตอบกลับภายในเวลาไม่เกิน 7 วัน

การเรียนแบบสดผ่าน Bootcamp

รูปแบบการเรียนแบบ Flipped Learning ผ่านวิดีโอบทเรียนสำหรับการเรียนเองในวันธรรมดาและมีการเรียนสดในวันสุดสัปดาห์

LinkedIn, Resume และ พอร์ตโฟลิโอรีวิว

สร้างความประทับใจให้กับ HR และบริษัทด้วยโปรไฟล์ที่โดดเด่น

เข้าร่วมอีเวนท์ออนไลน์และออนไซต์

ไม่ว่าจะเป็นเวิร์คช็อป ผู้บรรยายพิเศษ หรือกิจกรรมอื่นๆ คุณสามารถเข้าร่วมกิจกรรมมากมาย

พบกับผู้สอนและเมนเทอร์ของคุณ

ครูผู้สอนที่มีความเชี่ยวชาญในสาขานั้นๆ หลักสูตรสอนโดยผู้เชี่ยวชาญในสายงาน IT ที่มีความรู้และประสบการณ์มากมาย

Chawin Asavasaetakul

CEO @ WeStride

Kritpavin Chaiwong

Traivith Chumpkhun

Software Engineer @ ABACUS digital

Job Guarantee ของเราคืออะไร?

เรารับประกันคืนเงิน 100% หากคุณไม่ได้งานด้านเทคโนโลยีภายใน 6 เดือนหลังจากสำเร็จการศึกษา

เรียนรู้เพิ่มเติม
แพ็คเกจสมาชิกการเรียนที่คุ้มค่าที่สุด
ชั่วโมงปรึกษา 6-8 ชม/วัน
ตรวจทุกการบ้านและโปรเจ็กต์
เข้าร่วมอีเวนท์ทุกสัปดาห์
รับบริการสนับสนุนอาชีพ
เรียนพร้อมกับ Job Guarantee
เริ่มเรียนแบบไม่จำกัดกว่า 100 คอร์สและอื่นๆ เรียนแล้วไม่ได้งานคืนเงิน 100%

คำถามที่พบบ่อย

WeStride Plus แตกต่างจาก WeStride ธรรมดาอย่างไร? 
BootcampPlus ของเราจะให้บริการแบบ unlimited โดยจะไม่จำกัดบริการไม่ว่าจะเป็น การให้คำปรึกษาจาก Mentor และ Career coachแบบตัวต่อตัว ซึ่งในขณะที่ Bootcamp ในรูปแบบใหม่จะมีการเรียนรู้ผ่านวิดีโอตลอด วันจันทร์ถึงศุกร์และมีคลาสสดในวันเสาร์อาทิตย์ ทำให้คุณได้เรียนรู้ทั้งแบบเดี่ยวและเป็นกลุ่ม
Bootcamp แตกต่างจาก Career Track อย่างไร? 
A: Bootcamp จะให้ประสบการณ์การเรียนรู้ในรูปแบบการสอนสดในช่วงวันเสาร์และอาทิตย์ โดยจะมีการบ้านเสริมและโปรเจกต์ให้ทำเพื่อเสริมทักษะในการทำงานให้กับนักเรียน แต่ในทางกลับกันในส่วนของ Career Track จะเป็นการจัดการสอนออนไลน์แบบไม่ประสานเวลา (Asynchronous learning) โดยผู้เรียนสามารถเรียนรู้ได้ด้วยตนเอง
ฉันต้องจ่ายเพิ่มสำหรับ ชั่วโมงปรึกษา, Events, Bootcamp หรือสิ่งอื่นๆ ไหม? 
ไม่เลย! ทุกสิ่งที่เรานำเสนอชั่วโมงปรึกษา , Events และ Bootcamp ไม่มีค่าใช้จ่ายเพิ่มเติม ซึ่งในส่วนนี้เป็นบริการที่เรามีกับให้นักเรียนทุกคน
ถ้าฉันมีคำถาม ฉันควรถามใคร?
คุณสามารถสอบถามทาง Mentor ได้ที่ ชั่วโมง Office Hours Communityออนไลน์ของเรา Events และคลาสสด
ฉันสามารถขอคืนเงินได้ไหม? 
ขออภัย เราไม่สามารถให้บริการคืนเงินได้
การรับประกันงานของเราคืออะไร? 
WeStride เรามีความมั่นใจในคุณภาพการฝึกอบรมจนกล้ารับประกันคืนเงิน 100% หากคุณไม่ได้งานในด้านเทคโนโลยีภายใน 6 เดือนหลังจากจบการศึกษาทางสถาบันยินดีคืนเงินเต็มจำนวน โดยการรับประกันกันงานจะมีข้อกำหนดและเงื่อนไขโดยสามารถอ่านรายละเอียดได้ที่นี่
Skill Track แตกต่างจาก Career Track อย่างไร? 
Career Track จะมุ่งเน้นไปในส่วนของอาชีพโดยตรง แต่ในขณะที่ Skill Track เน้นทักษะเฉพาะทางที่ใช้ในการทำงานได้จริง แต่ถึงแม้ว่าหลายหลักสูตรใน Career Track จะครอบคลุมทักษะที่มีใน Skill Track แต่ Skill Track จะให้ความยืดหยุ่นให้กับนักเรียนที่ต้องการเพิ่มทักษะเฉพาะเช่นการใช้ Microsoft Excel ก็สามารถเข้าไปเรียนรู้เพิ่มเติมได้อีกด้วย
เมื่อฉันทำการบ้านเสร็จ ใครจะตรวจ? 
หากนักเรียนได้ทำการส่งแบบฝึกหัด จะมีทีมงาน Mentor ของเราจะตรวจการบ้านและให้คำแนะนำกับคุณภายใน 5-7 วัน
LinkedIn, Portfolio และ Resume Review คืออะไร? 
คุณจะได้รับการทบทวน LinkedIn, Portfolio และ Resume ของคุณให้มีความน่าเชื่อถือและน่าสนใจมากที่สุด โดยการตรวจเช็คจะตรวจโดยผู้เชี่ยวชาญ 1 ครั้งต่อ 1 คน
ฉันสามารถเรียนคอร์สหรือ Skill Track ใดก็ได้หรือไม่? มีข้อจำกัดหรือไม่?
คุณมีอิสระที่จะเรียนรู้ทุกคอร์สและทุก Skill Track ที่เราเสนอโดยไม่มีข้อจำกัด เราอยากให้คุณสามารถสำรวจและเพิ่มทักษะได้อย่างไม่มีขอบเขต
No items found.