0Pricing
HTML Academy · บทเรียน

องค์ประกอบพื้นฐานของหน้าเว็บ

สำรวจองค์ประกอบรากทั้งสามและเรียนรู้ว่าแต่ละองค์ประกอบควรมีอะไรอยู่ภายใน

องค์ประกอบพื้นฐานของหน้าเว็บ เป็นบทเรียน HTML Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 3 จากทั้งหมด 3 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน HTML Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส HTML Academy มีบทเรียนทั้งหมด 3 บทเรียน

เว็บเพจประกอบด้วยชิ้นส่วน

ทุกเว็บเพจสร้างจากชิ้นส่วนเล็ก ๆ ที่เรียกว่าองค์ประกอบ มาทำความรู้จักองค์ประกอบที่ใช้งานง่ายเหล่านี้กัน 🧱

หัวข้อ

หัวข้อคือชื่อเรื่องตัวใหญ่หนา ใช้บอกผู้อ่านว่าส่วนนั้นเกี่ยวกับอะไร

<h1>My First Page</h1>

ย่อหน้า

ย่อหน้าใช้บรรจุข้อความทั่วไปของคุณ คำส่วนใหญ่บนเว็บเพจจะอยู่ภายในย่อหน้า

<p>Welcome to my page.</p>

รูปภาพ

รูปภาพทำให้เว็บเพจมีชีวิตชีวา แท็กเล็ก ๆ เพียงแท็กเดียวก็วางรูปภาพลงบนเว็บเพจของคุณได้ทันที 🖼️

ลิงก์

ลิงก์เชื่อมเว็บเพจเข้าด้วยกัน ทำให้เว็บเป็นเครือข่ายที่คุณคลิกไปมาได้

รายการ

ต้องการรายการหัวข้อย่อยหรือไม่ รายการช่วยเรียงสิ่งต่าง ๆ ให้เป็นระเบียบ โดยวางต่อกันทีละรายการ

กล่องซ้อนอยู่ในกล่อง

องค์ประกอบสามารถอยู่ภายในองค์ประกอบอื่นได้ เหมือนกล่องที่อยู่ในกล่อง นี่เรียกว่าการซ้อนองค์ประกอบ

เหมือนก่อสร้างด้วยอิฐ

วางหัวข้อ ย่อหน้า รูปภาพ และลิงก์ต่อกัน แล้วคุณก็จะมีเว็บเพจจริง ๆ แล้ว! 🏗️

สูตรง่าย ๆ

เว็บเพจส่วนใหญ่ใช้รูปแบบง่าย ๆ เดียวกัน ดังนั้นเมื่อเรียนรู้ส่วนประกอบไม่กี่แบบแล้ว คุณก็สร้างอะไรก็ได้

คุณทำได้แล้ว!

คุณเรียนจบบทนำและรู้จักส่วนประกอบพื้นฐานแล้ว จากนี้จะยิ่งสนุกขึ้นอีก 🎉

ตรวจสอบอย่างรวดเร็ว

คุณได้รู้จักส่วนประกอบพื้นฐานหลายอย่างแล้ว ส่วนใดใช้บรรจุข้อความเนื้อหาทั่วไปของคุณ

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

บทเรียน “องค์ประกอบพื้นฐานของหน้าเว็บ” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “องค์ประกอบพื้นฐานของหน้าเว็บ” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส HTML Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส HTML Academy มีบทเรียนทั้งหมด 3 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “องค์ประกอบพื้นฐานของหน้าเว็บ”

สำรวจองค์ประกอบรากทั้งสามและเรียนรู้ว่าแต่ละองค์ประกอบควรมีอะไรอยู่ภายใน คุณปฏิบัติ HTML Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน HTML Academy หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน HTML Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 3 จากทั้งหมด 3 บทเรียน

บทเรียน “องค์ประกอบพื้นฐานของหน้าเว็บ” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน HTML Academy นี้ได้ไหม

ได้ บทเรียน HTML Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. HTML คืออะไร
  2. เบราว์เซอร์อ่าน HTML อย่างไร
  3. องค์ประกอบพื้นฐานของหน้าเว็บ
← กลับไปที่ HTML Academy