กำลังโหลด...
ABYS Academy1⚡ 0 XP
เข้าสู่ระบบABYS Academyกำลังโหลด...
ทำมาไกลมากแล้ว! วันนี้รวบทุกอย่างที่เรียนมาทั้ง Chapter เข้าเป็นหน้าโปรไฟล์ ฉบับสมบูรณ์ให้พี่ดูที เอาให้ครบทุกส่วน: รูป ชื่อ bio โซเชียล ปุ่มติดต่อ ทักษะ ประสบการณ์ และฟอร์มติดต่อกลับ
เป้าหมายของ Mission นี้: ประกอบ element ทั้ง 15 ตัวจาก Chapter 2 เข้าเป็น หน้าโปรไฟล์ส่วนตัวฉบับสมบูรณ์
Chapter นี้พาไล่ element พื้นฐานทีละตัว: Heading → Paragraph → Image → Link → Button → List → Table → Form → Input → Textarea → Checkbox → Radio → Select → Div → Section — Boss Battle คือการเอาทุกอย่างมาต่อกันเป็นหน้าเดียวที่ใช้งาน ได้จริง
ไม่ต้องพิมพ์จากความจำล้วนๆ — ย้อนกลับไปอ่านเนื้อหาของแต่ละ Mission ก่อนหน้าได้เสมอ ถ้าจำโครงสร้างไม่ได้
สร้างหน้าโปรไฟล์ส่วนตัวที่มีครบทุกส่วนต่อไปนี้ ในไฟล์ index.html ของ
คุณเอง แล้วเปิดดูผลลัพธ์ในเบราว์เซอร์:
<img> รูปโปรไฟล์ + <h1> ชื่อ + <p> bio (ห่อด้วย <div>)<a> ลิงก์โซเชียล + <button> ติดต่อ<section> ทักษะ — มี <h2> + <ul>/<li><section> ประสบการณ์ — มี <h2> + <table> (thead/tbody)<form> ติดต่อกลับ — มี input (text/email), textarea, checkbox, radio, select