การสร้างตาราง

               เขียน Tag ที่เกี่ยวข้องกับการสร้างตาราง ซึ่งมีดังนี้

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

การปรับแต่งตาราง

 

·         ALIGN = "X" ใช้เพื่อกำหนดตำแหน่งของตารางโดยที่ค่า "X" มีค่าเป็น LRFT , RIGHT หรือ CENTER
โปรแกรม WEB BRCWSER มีค่า DEFAULF เป็น LRFT
BORDER = "X" เมื่อ "X" มีค่าตั้งแต่ 0 ขึ้นไป ใช้กำหนดขนาดของเส้นขอบตาราง
WIDTH = "X" ใช้กำหนดความกว้างของตาราง กำหนดค่า ) ในรูปของเปอร์เซ็น ของขนาดพื้นที่ที่โปรแกรม WEB BRCWSER สามารถจะแสดงได้
การรวมเซลล์มี 2 แบบ
- ROWSPAN คือ การรวมแถว
     < TD ROWSPAN = "จำนวนแถวที่ต้องการรวม" >.....ข้อความ.....</TD>
- COLSPAN คือ การรวมคอลัมน์
     < TD COLSPAN = "จำนวนที่ต้องการรวมคอลัมน์" >.....ข้อความ.....</TD>
การใส่สีให้กรอบตาราง
     < TABLE BORDER = " ขนาดเส้นของตาราง " BORDERCOLOR = "สี" >
การใส่สีพื้นหลังให้กับตาราง
     < TABLE BORDER = " ขนาดเส้นของตาราง " BGCOLOR = "สี" >
การใส่รูปภาพลงในตาราง
     < TD >< IMG SREZ " พาทรูปภาพ/ชื่อรูปภาพ.นามสกุล">< /TD >

 

โค้ด

 



ผล

 

 

 

 แหล่งที่มา สมุดจด อ.ชัยราวี  ลาผม
วันที่ 20 ก.ย. 2555