วันพุธที่ 19 กันยายน พ.ศ. 2555

การแทรกตาราง

การแทรกตาราง

Tag ที่เกี่ยวกับตาราง<TABLE> ระบุว่าสิ่งที่อยู่ภายใน <TABLE>และ</TABLE>จะอยู่ในตาราง
<TR> ระบุว่าสิ่งที่อยู่ภายใน <TR> และ </TR> จะอยู่ในแถวเดียวกันตารางตามแนวนอน (แถว)
<TD> ระบุว่าสิ่งที่อยู่ภายใน <TD> และ </TD> จะแสดงอยู่ในเซลล์เดียวกันตารางตามแนวตั้ง (คอร์ลัม)

การสร้างกรอบตาราง
รูปแบบคำสั่ง HTML ที่ใช้ในการสร้างกรอบตาราง

<TABLE BORDER = "ขนาดของกรอบ">...</TABLE>


                                                              โค้ดการแทรกกรอบ  


                                                                   ผลการแทกกรอบ






การจัดตำแหน่งตาราง

การจัดตำแหน่งตาราง  Align

โค้ด <center>< table border ="ขนาดเส้นขอบ"></center> จัดให้อยู่ตรงกลาง


                                                  โค้ดการจัดตารางให้อยู่ตรงกลาง
                                                  





ผลการจัดตารางให้อยู่กึ่งกลาง





ตัวอย่างการรวมเซลล์


โค้ดการรวมเซลล์



ผลการรวมเซลล์








ความกว้าง ความสูงของตาราง

การกำหนดความกว้าง ความสูงของตารางจะใช้ attribute height สำหรับกำหนดความสูง และ width สำหรับกำหนดความกว้าง เพื่อกำหนดขนาดของตารางที่จะนำเสนอ และเพื่อช่วยจัดหน้าเอกสาร HTML เป็นระเบียบ ดังนี้

<table width="ความกว้าง (เป็นพิกเซลหรือเปอร์เซ็น)>
<table height ="ความสูง (เป็นพิกเซลหรือเปอร์เซ็น)">


                                                           โค้ดของความกว้าง




ผลของความกว้าง





โค้ดของความสูง






ผลของความสูง









อ้างอิง
สมุดของ อาจรย์ ชัยราวี ลาผม