แท็กตาราง HTML คืออะไร?

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

แท็กตาราง HTML สามารถใช้เพื่อจัดระเบียบข้อมูลลงในคอลัมน์และแถวคอลัมน์เป็นเส้นแนวตั้งของข้อมูลและแถวเป็นเส้นแนวนอนผู้เขียน HTML สามารถแทรกข้อมูลลงในแถวของตารางได้เท่านั้นเพราะเมื่อใส่แถวคอลัมน์จะเรียงแถวตัวเององค์ประกอบบางอย่างที่ใช้ภายในแท็กตาราง html คือ lt; tr gt;, lt; td gt;, และ lt; th gt;ซึ่งกำหนดแถวตารางข้อมูลตารางและส่วนหัวตารางตามลำดับแอตทริบิวต์สามารถใช้เพื่อกำหนดรูปลักษณ์และระยะห่างของแถว

หากผู้เขียน HTML ต้องการให้ตารางดูถูกต้องมีคุณลักษณะที่แตกต่างหลากหลายที่เขาสามารถใช้ในการทำเช่นนั้นคุณลักษณะที่เหมาะสมสามารถเปลี่ยนลักษณะเช่นสีของข้อความระยะห่างระหว่างเซลล์สีพื้นหลังของตารางและเส้นขอบแม้จะมีวิธีกำจัดพรมแดนอย่างสมบูรณ์เพื่อที่พวกเขาจะไม่ปรากฏตัวในเบราว์เซอร์ของผู้ใช้ในขณะที่ผู้เขียนไม่สามารถเปลี่ยนข้อมูลในคอลัมน์ได้โดยตรงเขาสามารถเปลี่ยนลักษณะที่แตกต่างกันของคอลัมน์ในการทำเช่นนี้เขาสามารถใช้องค์ประกอบเช่น lt; col gt;และ lt; colgroup gt;

ในการป้อนตารางลงในเอกสาร HTML แท็กเริ่มต้นตาราง lt; ตาราง gt;ต้องใช้ภายในองค์ประกอบผู้เขียนสามารถกำหนดคุณลักษณะต่าง ๆ เกี่ยวกับตารางเช่นสีเส้นขอบและระยะห่างถัดไปผู้เขียนจำเป็นต้องกำหนดแถวตารางโดยใช้องค์ประกอบ lt; tr gt;สิ่งนี้จะบอกเบราว์เซอร์ว่าข้อมูลที่จะติดตามนั้นจะถูกวางไว้ในแถวหลังจากนี้ข้อมูลตาราง - ข้อมูลจริงที่จะแสดง - จะถูกป้อนหลังจาก lt; td gt;องค์ประกอบ.มันเป็นสิ่งสำคัญที่แท็กต่าง ๆ จะถูกปิดตามลำดับเพื่อป้องกันความสับสนในการแก้ไขที่ตามมา

ตัวอย่างของวิธีการที่เอกสาร HTML อาจดูเมื่อผู้เขียนต้องการใช้แท็กตาราง html มีดังนี้:

lt; ตาราง gt;

lt; tr gt;
lt; td gt; นี่คือเซลล์ 1 lt;/td gt;
lt; td gt; นี่คือเซลล์ 2 lt;/td gt;
lt;/tr gt;

lt; tr gt;

lt; td gt; นี่คือเซลล์ 3 lt;/td gt;
lt;/tr gt;
lt;/table gt;

ตัวอย่างนี้จะสร้างตารางสี่เซลล์ที่มีสองคอลัมน์ลงและสองแถวข้าม