ผู้เขียนหน้าเว็บมีตัวเลือกมากมายในการแสดงข้อมูลเมื่อใช้ภาษา Hypertext Markup (HTML) รวมถึงแท็กตาราง HTML แท็กตาราง HTML ถูกใช้โดยผู้เขียนเว็บเพจเพื่อจัดระเบียบข้อมูลลงในตารางเพื่อให้ดูง่ายขึ้น ข้อมูลชนิดต่าง ๆ รวมถึงข้อความรูปภาพและตารางอื่น ๆ สามารถแทรกลงในเซลล์ตารางได้ องค์ประกอบและคุณลักษณะที่แตกต่างหลากหลายสามารถใช้ภายในแท็กตาราง HTML คนที่ต้องการใส่ตารางในเอกสาร HTML จะต้องเข้าใจองค์ประกอบต่าง ๆ เหล่านี้และวิธีการทำงานร่วมกัน
แท็กตาราง HTML สามารถใช้เพื่อจัดระเบียบข้อมูลลงในคอลัมน์และแถว คอลัมน์คือเส้นแนวตั้งของข้อมูลและแถวเป็นเส้นแนวนอน ผู้เขียน HTML สามารถแทรกข้อมูลลงในแถวของตารางเพราะเมื่อแทรกแถวแล้วคอลัมน์จะเรียงตัวเอง องค์ประกอบบางอย่างที่ใช้ภายในแท็กตาราง HTML คือ <tr>, <td> และ <th> ซึ่งกำหนดแถวของตารางข้อมูลตารางและส่วนหัวของตารางตามลำดับ คุณสมบัติสามารถใช้ในการกำหนดรูปลักษณ์และระยะห่างของแถว
หากผู้เขียน HTML ต้องการให้ตารางดูอย่างถูกต้องมีคุณสมบัติที่แตกต่างหลากหลายที่เขาสามารถใช้ทำ คุณลักษณะที่เหมาะสมสามารถเปลี่ยนลักษณะเช่นสีของข้อความระยะห่างระหว่างเซลล์สีพื้นหลังของตารางและเส้นขอบ มีวิธีกำจัดเส้นขอบอย่างสมบูรณ์แม้กระทั่งเพื่อไม่ให้ปรากฏในเบราว์เซอร์ของผู้ใช้ ในขณะที่ผู้เขียนไม่สามารถเปลี่ยนข้อมูลในคอลัมน์ได้โดยตรงเขาสามารถเปลี่ยนคุณสมบัติที่แตกต่างของคอลัมน์ได้ ในการทำเช่นนี้เขาสามารถใช้องค์ประกอบเช่น <col> และ <colgroup>
ในการป้อนตารางลงในเอกสาร HTML ต้องใช้แท็กเริ่มต้นของตาราง <table> ภายในองค์ประกอบผู้แต่งสามารถกำหนดคุณสมบัติต่าง ๆ เกี่ยวกับตารางเช่นสีเส้นขอบและระยะห่าง ถัดไปผู้เขียนจำเป็นต้องกำหนดแถวของตารางโดยใช้องค์ประกอบ <tr> สิ่งนี้จะบอกเบราว์เซอร์ว่าจะต้องวางข้อมูลที่จะติดตามในแถว หลังจากนี้ข้อมูลตาราง - ข้อมูลจริงที่จะแสดง - ถูกป้อนหลังจากองค์ประกอบ <td> สิ่งสำคัญคือแท็กต่างๆจะถูกปิดตามลำดับเพื่อป้องกันความสับสนในการแก้ไขใด ๆ ที่ตามมา
ตัวอย่างของเอกสาร HTML ที่อาจมีลักษณะเมื่อผู้เขียนต้องการใช้แท็กตาราง HTML เป็นดังนี้:
<table>
<tr>
<td> นี่คือเซลล์ 1 </td>
<td> นี่คือเซลล์ 2 </td>
</ tr>
<tr>
<td> นี่คือเซลล์ 3 </td>
<td> นี่คือเซลล์ 4 </td>
</ tr>
</ table>
ตัวอย่างนี้จะสร้างตารางสี่เซลล์ที่มีสองคอลัมน์ลงและสองแถวข้าม
