ตาราง HTML - 2
คุณสมบัติสำหรับแท็กตาราง:


width = "100">
ชายแดนด้วยคุณสมบัติเส้นขอบคุณสามารถตั้งค่าความหนาของเส้นขอบ / กำแพงสำหรับตาราง คุณระบุขนาดโดยการตั้งค่าของคุณลักษณะเส้นขอบเป็นพิกเซลหรือเปอร์เซ็นต์ หากคุณไม่ต้องการให้เส้นขอบปรากฏบนหน้าเว็บคุณจะต้องกำหนดค่าเป็นศูนย์
(border = "0")
borderColorคุณลักษณะ bordercolor ตั้งค่าสีสำหรับเส้นขอบของตาราง คุณระบุสีโดยการตั้งค่าของแอตทริบิวต์ bordercolor เป็นรหัสสีเลขฐานสิบหก คุณยังสามารถใช้ชื่อสีเช่นสีแดงสีน้ำเงินและสีเหลือง แต่จะถูกเลิกใช้ โปรดทราบว่าบางเบราว์เซอร์รุ่นเก่าโดยเฉพาะเบราว์เซอร์ Netscape จะใช้สีขอบสีเทาเริ่มต้น
cellpadding คุณจะใช้แอ็ตทริบิวต์การวางเซลล์เพื่อบังคับช่องว่างระหว่างกำแพงของเซลล์ตาราง (กล่อง) และเนื้อหาภายในกล่อง
ความกว้างแอตทริบิวต์ width ควบคุมความกว้างของตารางเป็นพิกเซลหรือเปอร์เซ็นต์ ตัวอย่างเช่นคุณสามารถมีตารางกว้าง 100 พิกเซล (width = "100") หรือ 30% ของความกว้างของหน้าเว็บ (width = "30%")
บันทึก--ลูกศร บ่งชี้ว่ารหัสถูกห่อเป็นบรรทัดที่สองและควรจะเป็นจริงในบรรทัดเดียว



คุณสมบัติสำหรับแท็ก tr (แถวตาราง)

bgcolorคุณจะใช้คุณสมบัติ bgcolor เพื่อควบคุมสีของพื้นหลังสำหรับแต่ละแถว คุณควรใช้รหัสสีฐานสิบหกชื่อสีกำลังจะค่อย ๆ หมด หากคุณมีมากกว่าหนึ่งแถวในตารางของคุณแต่ละแถวจะได้รับค่าที่แตกต่างกันสำหรับแอตทริบิวต์นี้



พื้นหลัง = "image.gif" width = "25%" height = "200">
คุณสมบัติสำหรับแท็ก td (ข้อมูลตารางหรือเซลล์ตาราง)

bgcolorคุณจะใช้คุณสมบัติ bgcolor เพื่อควบคุมสีของพื้นหลังสำหรับแต่ละเซลล์ คุณควรใช้รหัสสีฐานสิบหกชื่อสีกำลังจะค่อย ๆ หมด แต่ละเซลล์สามารถได้รับค่าที่แตกต่างกันสำหรับคุณลักษณะนี้
ตําแหน่งคุณลักษณะการจัดตำแหน่งควบคุมการจัดตำแหน่งแนวนอนของเนื้อหาภายในแต่ละเซลล์ คุณสามารถบังคับให้เนื้อหาถูกจัดตำแหน่งไปทางด้านซ้ายด้านขวาหรือกึ่งกลาง แต่ละเซลล์สามารถได้รับค่าที่แตกต่างกันสำหรับคุณลักษณะนี้
valign แอตทริบิวต์ valign ควบคุมการจัดตำแหน่งแนวตั้งของเนื้อหาในเซลล์ (บนสุด, กลาง, ล่าง) แต่ละเซลล์สามารถได้รับค่าที่แตกต่างกันสำหรับแอตทริบิวต์นี้
พื้นหลังคุณลักษณะพื้นหลังควบคุมภาพที่จะวางเป็นพื้นหลังของเซลล์ สิ่งนี้ไม่เหมือนกับการวางไว้เป็นเนื้อหาภายในเซลล์ ภาพนี้จะอยู่ด้านหลังเนื้อหาภายในเซลล์ ค่าสำหรับแอตทริบิวต์นี้คือ url สำหรับรูปภาพ แต่ละเซลล์สามารถได้รับค่าที่แตกต่างกันสำหรับคุณลักษณะนี้
ความกว้างแอตทริบิวต์ width ควบคุมความกว้างของเซลล์เป็นพิกเซลหรือเปอร์เซ็นต์ ตัวอย่างเช่นคุณสามารถมีเซลล์กว้าง 100 พิกเซล (width = "100") หรือ 30% ของความกว้างของตาราง (width = "30%")
ความสูงแอตทริบิวต์ height ควบคุมความสูงของเซลล์เป็นพิกเซล
บันทึก--ลูกศร บ่งชี้ว่ารหัสถูกห่อเป็นบรรทัดที่สองและควรจะเป็นจริงในบรรทัดเดียว

←ย้อนกลับ | ถัดไป→

|



คำแนะนำวิดีโอ: ตอนที่ 10 การแสดงข้อมูลข้อมูลที่มากกว่า 2 ตารางด้วย HTML TABLE (อาจ 2024).