การสร้างตาราง
Table
คือ ตารางที่ประกอบด้วยแถวและคอลัมน์
รอยตัดของแถวและคอลัมน์
เรียกว่า cell ซึ่งใช้บรรจุข้อมูล Tag คำสั่งที่ใช้ในการสร้างตาราง ประกอบด้วย
<TABLE>. . . . .</TABLE>
สำหรับใช้เริ่มต้นการสร้างและจบการสร้างตาราง
โดยจะไม่มี เส้นแบ่ง cell
<TABLE BORDER = n > . . . . . </TABLE>
สำหรับใช้เริ่มต้นการสร้างและจบการสร้างตาราง
โดยจะมีเส้นแบ่ง cell แสดงให้เห็น
<TR> . . . . . . . </TR>
ใช้กำหนดแถวของตาราง
(Table Row)
<TD>. . . . .</TD>
สำหรับกำหนดส่วนของข้อมูลลง cell
(Table Data) โดยข้อมูลจะอยู่ระหว่าง
คำสั่ง <TD> และ </TD>
<TH>. . . . .</TH>
ใช้งานเหมือนกับ
tag <TD>....</TD> แต่ตัวอักษรที่ได้จะเป็นตัวเข้ม
โดยทั่วไปจะใช้สำหรับเป็นหัวตาราง (Table Heading)
<CAPTION ALIGN=TOP l BOTTOM>
ใช้สำหรับเขียนข้อความอธิบายตาราง
โดยเขียนให้อยู่ด้านบนหรือด้านล่างของตารางก็ได้
ตัวอย่างที่1
<HTML>
<HEAD>
<TITLE>Table Demo</TITLE>
</HEAD>
<BODY>
<H1>Table 2 X 2 and border </H1>
<TABLE BORDER = 2 >
<TR> <TD> THAWORN</TD> <TD> KWANJAI </TD>
</TR>
<TR> <TD> SORAWIT</TD> <TD> NAPATSAKORN
</TD> </TR>
</TABLE>
</BODY>
</HTML>
การแสดงผลบน
Web Browser (Internet Explorer)
ตัวอย่างที่
2
<HTML>
<HEAD>
<TITLE>This is a test on creating table</TITLE>
</HEAD>
<BODY>
<TABLE BORDER = 3 CELLSPACING = 10 CELLPADDING = 10>
<CAPTION ALIGN=TOP> Table from Example
<TR><TH COLSPAN = 2 > Head 1 </TH> <TH COLSPAN
= 2 > Head 2</TH> </TR>
<TR>
<TD ROWSPAN = 2 > DATA 1 </TD> <TD> DATA 1.1</TD>
<TD ROWSPAN = 2 > DATA 3 </TD> <TD> DATA 3.1</TD>
</TR>
<TR>
<TD> DATA 1.2 </TD> <TD> DATA 3.2</TD>
</TR>
<TR>
<TD ROWSPAN = 2 > DATA 2 </TD> <TD> DATA 2.1</TD>
<TD ROWSPAN = 2 > DATA 4 </TD> <TD> DATA 4.1</TD>
</TR>
<TR> <TD> DATA 2.2 </TD> <TD> DATA 4.2
</TD>
</TABLE>
</BODY>
</HTML>
การแสดงผลบน
Web Browser (Internet Explorer)
