ตาราง HTML เก็บข้อมูลบนเว็บไซต์
การเพิ่มคอลัมน์ในเว็บไซต์ของคุณมีประโยชน์ในการจัดระเบียบเนื้อหา ในความเป็นจริง หน้าเว็บของคุณสามารถมีได้ไม่จำกัดจำนวนคอลัมน์ อย่างไรก็ตาม คอลัมน์การเข้ารหัสต้องการความรู้เกี่ยวกับแท็ก HTML อื่น: ตาราง การรวมแท็กทั้งสองนี้เข้าด้วยกันทำให้เป็นไปได้ไม่รู้จบสำหรับเว็บไซต์ที่ดูสะอาดตา
ขั้นตอนที่ 1
เปิดตัวแก้ไข HTML ของคุณ เลือก "ไฟล์" และ "ใหม่" จากแถบนำทางของโปรแกรม เอกสารเปล่าจะปรากฏขึ้นบนหน้าจอของคุณ
วิดีโอประจำวันนี้
ขั้นตอนที่ 2
สร้างตาราง ตารางถูกกำหนดด้วย
แท็ก แต่ละตารางสามารถแบ่งออกเป็นแถวและแต่ละแถวในเซลล์ข้อมูล เซลล์ข้อมูลคือสิ่งที่กำหนดคอลัมน์ของคุณ ตารางสองคอลัมน์มีการเข้ารหัสในลักษณะนี้:| คอลัมน์ 1 | คอลัมน์ 2 |
ขั้นตอนที่ 3
ปรับคุณสมบัติเส้นขอบของตาราง หากคุณต้องการให้คอลัมน์ของคุณมีเส้นขอบ ให้ใส่แท็ก border="1" ไว้ในแท็กตาราง เปลี่ยนสีเส้นขอบโดยใช้รหัสสี HEX พร้อมแท็ก bordercolor="#000000" #000000 เป็นสีดำ ต้องกำหนดเส้นขอบเป็นอย่างน้อย "1" เพื่อให้สีเส้นขอบแสดง
ตัวอย่าง:
| คอลัมน์ 1 | คอลัมน์ 2 |
ขั้นตอนที่ 4
เพิ่มช่องว่างภายในเซลล์หรือระยะห่างเซลล์ Cellpadding คือจำนวนช่องว่างสีขาวระหว่างเส้นขอบและเนื้อหาของเซลล์ Cellspacing คือระยะห่างระหว่างเซลล์ แท็กเหล่านี้ถูกนำไปใช้ภายในแท็กตาราง ไม่จำเป็นต้องมีเซลล์แพดดิ้งหรือการแบ่งเซลล์ที่ใช้งานอยู่
ตัวอย่าง:
| คอลัมน์ 1 | คอลัมน์ 2 |
ขั้นตอนที่ 5
เพิ่มเนื้อหาลงในคอลัมน์ของคุณ ข้อความ รูปภาพ แบบฟอร์ม และอื่นๆ สามารถเข้าไปอยู่ในแท็กข้อมูลตาราง
ขั้นตอนที่ 6
บันทึกเอกสาร HTML ของคุณ แสดงตัวอย่างในอินเทอร์เน็ตเบราว์เซอร์ของคุณก่อนที่จะอัปโหลดไปยังเว็บเซิร์ฟเวอร์ของคุณ
