องค์ประกอบพื้นฐานของหน้าเว็บ
สำรวจองค์ประกอบรากทั้งสามและเรียนรู้ว่าแต่ละองค์ประกอบควรมีอะไรอยู่ภายใน
องค์ประกอบพื้นฐานของหน้าเว็บ เป็นบทเรียน 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 ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- HTML คืออะไร
- เบราว์เซอร์อ่าน HTML อย่างไร
- องค์ประกอบพื้นฐานของหน้าเว็บ