การแทรกตารางลงใน Web Page
<TABLE>
<TR><TD>คอลัมน์ที่1/1</TD><TD>คอลัมน์ที่2/1</TD></TR>
<TR><TD>คอลัมน์ที่1/2</TD><TD>คอลัมน์ที่2/2</TD></TR>
</TABLE>
|
คอลัมน์ที่1/1 | คอลัมน์ที่2/1 |
คอลัมน์ที่1/2 | คอลัมน์ที่2/2 |
|
การใส่กรอบให้กับตาราง
ให้เพิ่มส่วนขยาย BORDER=n
ลงในส่วนของ <TABLE>
<TABLE BORDER=2>
<TR><TD>คอลัมน์ที่1/1</TD><TD>คอลัมน์ที่2/1</TD></TR>
<TR><TD>คอลัมน์ที่1/2</TD><TD>คอลัมน์ที่2/2</TD></TR>
</TABLE>
|
คอลัมน์ที่1/1 | คอลัมน์ที่2/1 |
คอลัมน์ที่1/2 | คอลัมน์ที่2/2 |
|
การปรับขนาดขอบตาราง
ให้เพิ่มส่วนขยาย CELLSPACING=n
ลงในส่วนของ <TABLE>
<TABLE BORDER CELLSPACING=10>
<TR><TD>คอลัมน์ที่1/1</TD><TD>คอลัมน์ที่2/1</TD></TR>
<TR><TD>คอลัมน์ที่1/2</TD><TD>คอลัมน์ที่2/2</TD></TR>
</TABLE>
|
คอลัมน์ที่1/1 | คอลัมน์ที่2/1 |
คอลัมน์ที่1/2 | คอลัมน์ที่2/2 |
|
การกำหนดพื้นที่การแสดงข้อมูลในตาราง
ให้เพิ่มส่วนขยาย CELLPADDING=n
ลงในส่วนของ <TABLE>
<TABLE BORDER CELLPADDING=10>
<TR><TD>คอลัมน์ที่1/1</TD><TD>คอลัมน์ที่2/1</TD></TR>
<TR><TD>คอลัมน์ที่1/2</TD><TD>คอลัมน์ที่2/2</TD></TR>
</TABLE>
|
คอลัมน์ที่1/1 | คอลัมน์ที่2/1 |
คอลัมน์ที่1/2 | คอลัมน์ที่2/2 |
|
การปรับความกว้างและความสูงของตาราง
ให้เพิ่มส่วนขยาย WIDTH=n% HEIGHT=n%
ลงในส่วนของ <TABLE>
<TABLE BORDER WIDTH=70% HEIGHT=60%>
<TR><TD>คอลัมน์ที่1/1</TD><TD>คอลัมน์ที่2/1</TD></TR>
<TR><TD>คอลัมน์ที่1/2</TD><TD>คอลัมน์ที่2/2</TD></TR>
</TABLE>
|
คอลัมน์ที่1/1 | คอลัมน์ที่2/1 |
คอลัมน์ที่1/2 | คอลัมน์ที่2/2 |
|
การขยายช่องตารางออกเกิน 1 คอลัมน์
ให้เพิ่มส่วนขยาย COLSPAN=จำนวนคอลัมน์
ลงในส่วนของ <TD>
<TABLE BORDER>
<TR><TD COLSPAN=2>คอลัมน์ที่1/1</TD></TR>
<TR><TD>คอลัมน์ที่1/2</TD><TD>คอลัมน์ที่2/2</TD></TR>
</TABLE>
|
คอลัมน์ที่1/1 |
คอลัมน์ที่1/2 | คอลัมน์ที่2/2 |
|
การขยายช่องตารางออกเกิน 1 แถว
ให้เพิ่มส่วนขยาย ROWSPAN=จำนวนแถว
ลงในส่วนของ <TD>
<TABLE BORDER>
<TR><TD ROWSPAN=2>คอลัมน์ที่1/1</TD><TD>คอลัมน์ที่2/1</TD></TR>
<TR><TD>คอลัมน์ที่1/2</TD></TR>
</TABLE>
|
คอลัมน์ที่1/1 | คอลัมน์ที่2/1 |
คอลัมน์ที่1/2 |
|
การจัดข้อมูลในแนวนอน
ให้เพิ่มส่วนขยาย ALIGN="LEFT | CENTER | RIGHT"
ลงในส่วนของ <TD>
<TABLE BORDER>
<TR><TD ALIGN="LEFT">คอลัมน์ที่1/1</TD><TD ALIGN="RIGHT">คอลัมน์ที่2/1</TD></TR>
<TR><TD ALIGN="CENTER">คอลัมน์ที่1/2</TD><TD ALIGN="CENTER">คอลัมน์ที่2/2</TD></TR>
</TABLE>
|
คอลัมน์ที่1/1 | คอลัมน์ที่2/1 |
คอลัมน์ที่1/2 | คอลัมน์ที่2/2 |
|
การจัดข้อมูลในแนวตั้ง
ให้เพิ่มส่วนขยาย VALIGN="TOP | MIDDLE | BOTTOM"
ลงในส่วนของ <TD>
<TABLE BORDER>
<TR><TD VALIGN="TOP">คอลัมน์1/1</TD><TD VALIGN="BOTTOM">คอลัมน์2/1</TD></TR>
<TR><TD VALIGN="MIDDLE">คอลัมน์1/2</TD><TD VALIGN="MIDDLE">คอลัมน์2/2</TD></TR>
</TABLE>
|
คอลัมน์1/1 | คอลัมน์2/1 |
คอลัมน์1/2 | คอลัมน์2/2 |
|