การแทรกตารางลงใน Web Page

การแทรกตารางลงใน 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

เส้นคั่น

Back HOME Next