ตารางเป็นแท็กใน XHTML ที่อยู่ในสถานการณ์ที่น่าอึดอัดใจ ส่วนนี้มีให้เพื่อความเข้าใจเท่านั้น
ก่อนที่ CSS จะได้รับความนิยมตารางจะถูกใช้อย่างกว้างขวางในการวางตำแหน่ง ใน XHTML ไม่แนะนำให้ใช้ตารางสำหรับการวางตำแหน่งและ W3C หวังว่า CSS สามารถแทนที่ตำแหน่งของ <blem> ในการวางตำแหน่ง อย่างไรก็ตามในความเป็นจริงเนื่องจากการใช้เค้าโครง CSS มักจะต้องใช้งานโค้ดที่เขียนด้วยลายมือจำนวนมาก (ซอฟต์แวร์ออกแบบเว็บทั่วไปเช่น Dreamweaver ไม่สามารถรองรับการแสดงผลของ DIV ได้อย่างสมบูรณ์) <table> ยังคงถูกใช้โดยเว็บไซต์หลายแห่งในการใช้เค้าโครงหน้าแรกเช่นหน้าผลิตภัณฑ์เพิ่มเติมของ Google ใช้ตารางสำหรับการวางตำแหน่ง อย่างไรก็ตามฉันขอแนะนำให้คุณเริ่มใช้ CSS เพื่อค้นหาหน้าเว็บเพราะนี่คือทิศทางของการพัฒนาเว็บ แน่นอนการแทนที่ตารางด้วย CSS ในระยะแรกอาจทำให้คุณมีปัญหามากมาย
ใน XHTML แท็กสำหรับการสร้างตารางคือ <bable> เมื่อเขียนโค้ดเราต้องใช้แท็ก <tr> เพื่อแบ่งตารางเป็นแถวและแถวก่อนจากนั้นใช้แท็ก <td> เพื่อแบ่งแต่ละแถวเป็นกริดและกริด การสร้างตารางที่มีรหัสที่เขียนด้วยลายมือที่สมบูรณ์นั้นยากและไม่มีประสิทธิภาพและการสร้างตารางในซอฟต์แวร์การผลิตหน้าเว็บนั้นง่ายเหมือนคำคุณต้องเลือกคุณลักษณะง่าย ๆ เช่นแถวและคอลัมน์ อย่างไรก็ตามเราอาจพบความเป็นไปได้ที่ตารางที่ทำโดยอัตโนมัติจะไม่ตรงตามข้อกำหนดและจำเป็นต้องปรับในรูปแบบรหัส ดังนั้นเรายังคงต้องเข้าใจการเขียนเฉพาะของแท็กตาราง XHTML
แท็ก <Table> สามารถมีแอตทริบิวต์เส้นขอบ หากค่าของแอตทริบิวต์เส้นขอบไม่ได้ตั้งค่าโดยค่าเริ่มต้นเบราว์เซอร์จะไม่แสดงเส้นขอบของตาราง
มาสร้างฉลากสี่แถวและสองคอลัมน์รหัสมีดังนี้:
| <table border = 1> <tr> <td> กริด </td> <td> กริด </td> </tr> <tr> <td> กริด </td> <td> กริด </td> </tr> <tr> <td> กริด </td> <td> กริด </td> </tr> <tr> <td> กริด </td> <td> กริด </td> </tr> </table> |
ผลลัพธ์จะแสดงดังนี้: ให้ความสนใจกับรหัสด้านบนมี 4 คู่ของ <tr> ซึ่งสอดคล้องกับ 4 บรรทัดต่อไปนี้ และไม่มี <tr> (แถว) มีสองเซลล์ <td> ดังนั้นมันจะกลายเป็นตาราง 4 แถวและ 2 คอลัมน์
| กริด | กริด |
| กริด | กริด |
| กริด | กริด |
| กริด | กริด |
ตารางดังกล่าวเพียงพอที่จะแสดงข้อมูลเช่นข้อมูล แต่ตารางที่ใช้ในการค้นหามักจะซับซ้อนกว่า อีกครั้งเราไม่แนะนำให้ใช้ตารางสำหรับการวางตำแหน่งดังนั้นเราจะแนะนำ <bable> สั้น ๆ ที่นี่