เนื้อหา

• ขั้นตอน
• เคล็ดลับ
• คำเตือน

การสร้างตารางใน HTML ค่อนข้างยาก แต่ด้วยขั้นตอนที่สรุปไว้ในบทความนี้ คุณควรจะสร้างมันขึ้นมาสำหรับไซต์ของคุณได้

ขั้นตอน

1. 1 เปิดโปรแกรมประมวลผลคำอย่างง่าย เช่น Notepad หรือ WordPad บน Windows หรือบน Mac ให้เปิด TextEdit
2. 2 ป้อนข้อความทั้งหมดที่คุณต้องการเห็นหน้าตาราง
3. 3 กำหนดการใช้ตารางสำหรับเอกสาร HTML โดยการป้อนแท็ก table>
   
   
4. 4 กด Enter
   
   
5. 5 ป้อนแท็กสำหรับเปิดตารางแถวโดยใช้แท็ก tr>
6. 6อย่าลืมสร้างองค์ประกอบที่เหลือทั้งหมดจากซ้ายไปขวา
7. 7 กด Enter
8. 8 ป้อนแท็กเริ่มต้นสำหรับส่วนหัวของตารางโดยใช้แท็ก th>
9. 9 ป้อนชื่อที่คุณต้องการใช้สำหรับคอลัมน์แรก
10. 10 ป้อนแท็กปิดสำหรับองค์ประกอบส่วนหัวของตารางโดยใช้แท็ก / th>
11. 11 กด Enter
12. 12 ทำซ้ำขั้นตอน (จัดเรียงรายการในคอลัมน์ จากซ้ายไปขวา).
13. 13 ปิดบรรทัดนี้โดยป้อนแท็ก / tr>
14. 14 กด Enter
15. 15 เริ่มบรรทัดอื่นด้วยแท็ก tr> อื่น
16. 16 กด Enter
17. 17 ป้อนแท็กข้อมูลตารางโดยใช้แท็ก td>
18. 18 ป้อนข้อมูลตารางที่คุณต้องการรวมในแต่ละฟิลด์
19. 19ทำงานจากซ้ายไปขวาโดยกรอกข้อมูลจากคอลัมน์ที่แสดงด้านบน
20. 20 ปิดแต่ละอินพุตด้วยแท็ก / td>
21. 21 ทำซ้ำสำหรับข้อมูลตารางทั้งหมดที่คุณมี
    • สำหรับเซลล์ที่คุณไม่จำเป็นต้องป้อนอะไรเลย ให้ป้อน td> และ td> โดยไม่เว้นว่างไว้ สิ่งนี้จะมีประโยชน์มากสำหรับฟิลด์ระหว่างสองฟิลด์อื่น
22. 22 ปิดแต่ละบรรทัดด้วยแท็กอื่น / tr>
23. 23 ทำซ้ำแต่ละบรรทัดลงไปนอกเหนือจาก tr> และ / td> จนกว่าแต่ละบรรทัดจะประกอบกัน
24. 24 ปิดตารางด้วยแท็ก / table>
25. 25 ป้อนข้อความ HTML ต่อไปนี้ตามที่คุณต้องการสำหรับส่วนที่เหลือของเอกสาร

เคล็ดลับ

• เยื้องจากแต่ละบรรทัดเพื่อให้คุณสามารถเข้าใจสิ่งที่คุณพยายามทำในโค้ดของคุณ

คำเตือน

• หากคุณบังเอิญป้อนข้อมูลคอลัมน์มากเกินไปโดยที่ไม่มีส่วนหัวของตาราง คอลัมน์เหล่านั้นจะยังแสดงอยู่ แต่จะดูงี่เง่าเล็กน้อยและผู้อ่านจะไม่เข้าใจว่าข้อมูลนี้มีไว้เพื่ออะไร
• การสร้างตารางบนหน้า HTML เป็นกระบวนการที่เข้าใจยาก ขั้นแรก ฝึกกับข้อมูลภายนอกเพื่อดูว่ามีลักษณะอย่างไร จากนั้นเรียกดูและวางตารางใหม่แทน
• โค้ดตาราง HTML ดีที่สุดสำหรับโค้ดเดอร์ HTML ขั้นสูง อย่างไรก็ตาม หลังจากที่คุณทำตามคำแนะนำเหล่านี้ คุณจะกลายเป็นหนึ่งในนั้นเช่นกัน