HTML BLOG LAB · 01
สร้างหน้าบล็อก ด้วย HTML
HTML มอบพื้นที่ให้กับทุกไอเดีย วันนี้เราจะเปลี่ยนไอเดียบล็อกให้กลายเป็นหน้าที่ชัดเจนและน่าต้อนรับ โดยเริ่มจากองค์ประกอบที่มีความหมายทีละส่วน
ทุกคนสามารถมีส่วนร่วมได้: ไม่ว่าจะเป็นการร่างภาพ, พูดคุย, พิมพ์, ชี้, ถามคำถาม หรือจับคู่ทำงาน
+
IDEAS
หน้าเว็บคือการสนทนากับผู้อ่าน
ขั้นตอนที่ 1 · โครงสร้าง
เริ่มต้นด้วย โครงร่าง
แท็ก HTML อธิบายหน้าที่ของแต่ละส่วน โครงสร้างแบบ semantic ช่วยให้เบราว์เซอร์, โปรแกรมอ่านหน้าจอ และเพื่อนร่วมชั้นเข้าใจหน้าเว็บของคุณได้ดียิ่งขึ้น
<!DOCTYPE html>
<html>
<body>
<header>
<h1>บันทึกภาคสนาม</h1>
<nav>เกี่ยวกับ · คลังบทความ</nav>
</header>
<main>
<article>
<h2>อะไรที่ทำให้หน้าเว็บดี?</h2>
</article>
</main>
</body>
</html>ขั้นตอนที่ 2 · เนื้อหา
ตั้งชื่อหน้าเพจว่า น้ำเสียง
แท็กเป็นตัวเก็บเนื้อหา แต่ผู้คนคือผู้ถ่ายทอดมุมมอง เพิ่มหัวข้อ ลิงก์ที่มีประโยชน์ และรูปภาพพร้อมคำบรรยายที่บอกเล่าเรื่องราว
บันทึกร่วมกัน
สิ่งที่ทำให้
หน้าเว็บที่ดีเป็นอย่างไร?
คอลเลกชันของการสังเกตสิ่งเล็กๆ น้อยๆ จากสตูดิโอของเราสู่คุณ
ขั้นตอนที่ 3 · การดูแลและการเข้าถึง
เปิดพื้นที่ให้ ทุกคน
HTML ที่ดีไม่ใช่แค่เรื่องของความสวยงาม แต่ยังช่วยให้ผู้คนจำนวนมากขึ้นมีโอกาสที่เท่าเทียมในการอ่าน ทำความเข้าใจ และมีส่วนร่วมในการสนทนา