การกำหนดขนาดของตาราง
การจัดตัวอักษรในช่องตาราง
การจัดเรียงตัวอักษร หรือ รูปภาพ ในช่องของตารางให้ชิดซ้าย หรือชิดขวา หรือจัดเข้ากึ่งกลาง ซึ่งจะทำให้ตารางข้อมูลดูได้ง่ายขึ้น ใช้ คำสั่ง ALIGN การจัดวางตารางด้วยคำสั่ง ALIGN ใช้ มี 3 รูปแบบ คือLEFT คือ จัดตารางชิดซ้าย (ค่าปกติ) ของจอภาพ
RIGHT คือ จัดตารางชิดขวาของจอภาพ
CENTER คือ จัดตารางไว้กึ่งกลางของจอภาพ
ตัวอย่างการใช้คำสั่ง
ผลลัพธ์ที่ได้จากการใช้คำสั่ง
|
||||||
|
<H4>การใช้ ALIGN ในการจัดรูปแบบข้อความในตาราง</H4>
<TABLE border="1" width="100%" cellpadding="10"> <TR> <th align="center" width="50%"> เดือนมกราคม</th> <th align="center"> จำนวนเงิน(บาท) </th> </TR> <TR> <TD align="left">รายรับ</TD> <TD align="right">5,000</TD> </TR> <TR> <TD align="left">รายจ่าย</TD> <TD align="right">2,700</TD> </TR> </TABLE> |
||||||
|
ผลลัพธ์
|
||||||
การใช้ ALIGN ในการจัดรูปแบบข้อความในตาราง
|
การกำหนดขนาดตาราง
ในตัวอย่างจะเป็นการแสดงการใช้งาน cellpadding และ cellspacing โดยทั้ง 2 อย่างมีการใช้งานดังนี้
1. cellpadding ใช้กำหนดระยะห่างระหว่างข้อมูล กับเส้นขอบตาราง
2. cellspacing ใช้กำหนดระยะห่างระหว่างเส้นตารางภายนอก และภายใน ให้ลองสังเกตจากตัวอย่างดู จะเห็นว่าแตกต่างจากการใช้ BORDER
ในตัวอย่างจะเป็นการแสดงการใช้งาน cellpadding และ cellspacing โดยทั้ง 2 อย่างมีการใช้งานดังนี้
1. cellpadding ใช้กำหนดระยะห่างระหว่างข้อมูล กับเส้นขอบตาราง
2. cellspacing ใช้กำหนดระยะห่างระหว่างเส้นตารางภายนอก และภายใน ให้ลองสังเกตจากตัวอย่างดู จะเห็นว่าแตกต่างจากการใช้ BORDER
รูปแบบการใช้คำสั่ง
|
รูปแบบของคำสั่ง cellpadding และ cellspacing
|
|
<TABLE BORDER="n" cellpadding="n1"> <TABLE BORDER="n" cellspacing="n1"> |
n ตัวเลขกำหนดขนาดของตาราง
n1 ตัวเลขกำหนดระยะห่างข้อมูล เส้นขอบตาราง และเส้นตารางภายนอก ภายใน
n1 ตัวเลขกำหนดระยะห่างข้อมูล เส้นขอบตาราง และเส้นตารางภายนอก ภายใน
ตัวอย่างการใช้คำสั่ง
คำสั่ง |
||||||||||||
<H4>การสร้างตาราง</H4>
<TABLE BORDER="1">
<TR> <TD>ชื่อ</TD> <TD>สกุล</TD>
</TR>
</TABLE> |
||||||||||||
|
ผลลัพธ์ที่ได้จากการใช้คำสั่ง
|
||||||||||||
|
การสรางตาราง
ตารางกำหนดระยะห่างระหว่างข้อมูล="10"
ตารางกำหนดระยะห่างระหว่างเส้นตารางภายนอก
และภายใน ="10"
|