← Learn to Code — Python, Java, C, SQL & Web · เรียนรู้การเขียนโค้ด — Python, Java, C, SQL & Web
Web Basics — HTML & CSS · พื้นฐานเว็บ — HTML & CSS
Start from zero. Short steps. Build a real web page. · เริ่มต้นจากศูนย์ ขั้นตอนสั้นๆ สร้างหน้าเว็บจริง
html 21 Lessons · บทเรียน
Every lesson runs in your browser — write real code, press Run, and the tasks check themselves. Free, no account needed, with translated notes paired with English. · ทุกบทเรียนทำงานบนเบราว์เซอร์ของคุณ — เขียนโค้ดจริง กด Run และงานจะตรวจสอบตัวเองอัตโนมัติ ฟรี ไม่ต้องสมัครบัญชี พร้อมบันทึกคำแปลคู่กับภาษาอังกฤษ
Start the course · เริ่มหลักสูตร
Lessons in this course · บทเรียนในหลักสูตรนี้
No lessons match. Clear the search or choose another filter.
- history A short history of the web · ประวัติย่อของเว็บ Reading and resources
- usage What a web page is made of · หน้าเว็บประกอบด้วยอะไร Reading and resources
- resources Where to learn more · แหล่งเรียนรู้เพิ่มเติม Reading and resources
- setup What you need (almost nothing) · สิ่งที่คุณต้องมี (แทบไม่มีการ anything) Reading and resources
- 01 Your first web page · หน้าเว็บแรกของคุณ 2 required tasks Video · วิดีโอ
- 02 Headings and paragraphs · หัวข้อและย่อหน้า 2 required tasks Video · วิดีโอ
- 03 Bold, italic and line breaks · ตัวหนา ตัวเอียง และการขึ้นบรรทัดใหม่ 2 required tasks Video · วิดีโอ
- 04 Lists · ลิสต์ (Lists) 2 required tasks Video · วิดีโอ
- 05 Links · ลิงก์ 2 required tasks Video · วิดีโอ
- 06 Images · รูปภาพ 2 required tasks Video · วิดีโอ
- 07 Make it a real page · ทำให้เป็นหน้าเว็บจริง 2 required tasks Video · วิดีโอ
- 08 Comments and neat nesting · ความคิดเห็นและการจัดวางที่เรียบร้อย 2 required tasks Video · วิดีโอ
- 09 Tables · ตาราง 2 required tasks Video · วิดีโอ
- 10 Forms · รูปแบบ 2 required tasks Video · วิดีโอ
- 11 Boxes and sections · กล่องและส่วน 2 required tasks Video · วิดีโอ
- 12 Add some style · เพิ่มสไตล์บางอย่าง 2 required tasks Video · วิดีโอ
- 13 Selectors — class and id · Selectors — class และ id 2 required tasks Video · วิดีโอ
- 14 Colours and backgrounds · สีและพื้นหลัง 2 required tasks Video · วิดีโอ
- 15 Styling text · การสไตล์ข้อความ 2 required tasks Video · วิดีโอ
- 16 The box model · โมเดลของกล่อง 2 required tasks Video · วิดีโอ
- 17 Spacing — margin and padding · ระยะห่าง — margin และ padding 2 required tasks Video · วิดีโอ
- 18 Showing and hiding (display) · การซ่อนและแสดง (display) 2 required tasks Video · วิดีโอ
- 19 Width and centering · ความกว้างและการจัดกึ่งกลาง 2 required tasks Video · วิดีโอ
- 20 Rows with Flexbox · แถวด้วย Flexbox 2 required tasks Video · วิดีโอ
- 21 Mini-project: a profile card · โปรเจกต์ย่อย: บัตรโปรไฟล์ 3 required tasks Video · วิดีโอ