วันอาทิตย์ที่ 9 กันยายน พ.ศ. 2555

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

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


การปรับแต่งตาราง
ALIGN    = "ตำแหน่งของตาราง"            
                     [จะใช้คำว่า left , right หรือ center]
BORDER = "ขนาดของเส้นขอบตาราง"     
                    [ เส้นของของตารางมีค่าได้ตั้งแต่ ศูนย์ ขึ้นไป ]
WIDTH   = "ขนาดความกว้างของตาราง"  
                   [ค่าความกว้างของตาราง จะอยู่ในรูปเปอร์เซ็นต์ของขนาดพื้นที่มีโปรแกรม Web browser]
การรวมเซลล์ คือ
               -   rowspan  คือ การรวมแถว
                     Tag : <td rowspan = "จำนวนแถวที่ต้องการรวม">...ข้อความ...</td>
               -  colspan   คือ การรวมคอลัมน์
                     Tag : <td colspan = "จำนวนคอลัมน์ที่ต้องการรวม">...ข้อความ...</td>

การใส่สีให้กรอบตาราง จะใช้คำว่า '' bordercolor ''
                     Tag : <table border = "ขนาดเส้นขอบตาราง" bordercolor = "สี">

การใส่สีให้กับพื้นหลังตาราง จะใช้คำว่า "ฺ bgcolor " 
                     Tag : <table border = "ขนาดเส้นขอบตาราง" bgcolor = "สี">
            หรือ ถ้าจะใส่ให้กับตารางแค่แถวเดียวให้แทรกตรง tr ของแถวนั้น  
                     Tag : <tr bgcolor = "สี"><td>...ข้อความ...</td></tr> 
            หรือ ถ้าจะใสแค่ช่องเดียวให้แทรกใน td ของข้อความนั้น  
                     Tag : <td bgcolor = "สี">...ข้อความ...</td>

การแทรกรูปภาพลงในตาราง 
                     Tag : <td><img src = "Pathของรูปภาพ/ชื่อรูปภาพ.นามสกุล"></td> 


โค้ด
 

ผล




แหล่งอ้าง  สมุดจด อาจารย์ ชัยราวี  ลาผม
               เสาวภาคย์  เอี่ยมเจริญกิจ ม.6/3 

วันที่        10 กันยายน 2555

ไม่มีความคิดเห็น:

แสดงความคิดเห็น