Home Web HTML Table Basic

HTML Table Basic

860
0
SHARE

การสร้างตาราง (Table) ด้วย Code HTML เรามาดูว่ามี TAG อะไรเกี่ยวกับการ สร้างตารางด้วย HTML กันเลย

Tag Description
<table> เปิดแท็กสร้างตาราง
<th> แท๊กส่วนหัวของของในตาราง
<tr> กำหนดแถวในตาราง
<td> กำหนดเซลล์ในตาราง
<caption> กำหนดคำอธิบายตาราง
<colgroup> ระบุกลุ่มหนึ่งหรือหลายคอลัมน์ในตารางสำหรับการจัดรูปแบบ
<col> ระบุคุณสมบัติคอลัมน์แต่ละคอลัมน์ภายใน
<thead> กลุ่มเนื้อหาส่วนหัวในตาราง
<tbody> กลุ่มเนื้อหาส่วนกลางในตาราง
<tfoot> กลุ่มเนื้อหาส่วนท้ายในตาราง

1.เรามาเริ่มสร้างหน้าเว็บให้มีตาราง Table กันเลยเปิด Notepad ขึ้นมาเลยครับ
Notepad
2.จากนั้นให้พิมพ์ตามข้างล่างหรือ Copy ไปใส่ก็ได้ครับ

<!DOCTYPE html>
<html>
<body>

<table style=”width:100%”>
<tr>
<td>Phonrakrit</td>
<td>Luangvaree</td>
<td>100</td>
</tr>
<tr>
<td>Jakaphan</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>Joho</td>
<td>Joe</td>
<td>80</td>
</tr>
</table>

</body>
</html>

3.สังเกตว่าจะมี Code การสร้างตารางอยู่ <table> <tr><td> ซึ่งเป็น Code HTML ที่เกี่ยวกับการสร้าง Table จากนั้นให้เรา Save File เป็น table.html เพื่อที่เราจะ view ดูว่าได้ผลลัพธ์ตามมที่ต้องการไหม

table

SIAMITOUTSOURCE หวังว่าการสร้างตาราง(Table) บนโค้ท HTML คงมีประโยชน์กับทุกท่านนะครับ

SHARE
Previous articleHTML Basic
Next articleHiren’s Boot CD15.2