วิธีทำตารางใน HTML

วิธีทำตารางใน HTML

การสร้างตารางเป็นคุณสมบัติที่สะดวกมากบนคอมพิวเตอร์ส่วนบุคคล ลองคุยกันวันนี้เกี่ยวกับวิธีการเรียนรู้วิธีการสร้างตารางใน HTML5 และเรียนรู้วิธีการระบุพารามิเตอร์ผ่านสไตล์



1
งานและการตัดสินใจ

ในการเริ่มต้นมีความจำเป็นต้องเข้าใจระบบทั้งหมดของการสร้างพารามิเตอร์ตารางและในหลักการโครงสร้างของมัน ในสาระสำคัญในขณะที่คุณรู้ทุกอย่างตารางประกอบด้วยสองส่วน หากพวกเขาสามารถเรียกได้เช่นนั้น - เส้นและคอลัมน์ซึ่งสามารถตั้งอยู่ในเซลล์แยกต่างหาก นอกจากนี้ยังสามารถตั้งอยู่จารึกและรูปภาพต่าง ๆ เพราะตารางอาจแตกต่างกันและสร้างขึ้นเพื่อวัตถุประสงค์ที่แตกต่างกัน

หากคุณต้องการเพิ่มตารางจากแถวและคอลัมน์ไปยังบางไซต์คุณจะต้องใช้แท็ก \u003ctable\u003e มีความจำเป็นต้องเข้าใจว่า "รายละเอียด" นี้เป็นของคุณ เราสะกดคอนเทนเนอร์สำหรับองค์ประกอบที่อยู่ในทางกลับกันเป็นตัวกำหนดเนื้อหาของตาราง

ควรสังเกตว่าบรรทัดเช่นเดียวกับคอลัมน์มีการระบุเช่นกันแท็ก - \u003ctr\u003e และ \u003ctd\u003e คุณไม่ควรลืมว่าไม่ว่าในกรณีใด ๆ ไม่ว่าโต๊ะควรมีจำนวนเท่าใดในเซลล์เดียวเท่านั้น ถ้าด้วยเหตุผลบางอย่างคุณไม่มีแท็กมาตรฐานจากนั้นคุณสามารถใช้ผู้อื่นเช่น - \u003cth\u003e หากคุณเลือกตัวเลือกนี้ให้แน่ใจว่ามันจะปรากฏเป็นตัวหนาและนอกจากนี้ยังมีการจัดตำแหน่งอัตโนมัติตามตัวเลือกเซลล์ สิ่งนี้เกิดขึ้นในโหมดอัตโนมัติและเป็นเบราว์เซอร์ที่แสดงพารามิเตอร์เหล่านี้ นี่เป็นความแตกต่างเพียงอย่างเดียวที่คุณสามารถสังเกตได้ในกรณีนี้

เซลล์ในตารางที่จะถูกสร้างขึ้นบนเว็บไซต์จะมีลักษณะเช่นนี้:

  • ในแนวนอนกับเซลล์แรกที่จะปักหลักที่สอง
  • แนวตั้งภายใต้เซลล์แรกจะเป็นที่สาม
  • ถัดจากแนวนอนที่สามคือเซลล์ที่สี่ ฯลฯ

หากคุณตัดสินใจที่จะรวมไว้ในตารางองค์ประกอบเช่นขอบ (จะใช้ \u003ctable\u003e เพื่อสร้างมันจะต้องใช้เฉพาะกับค่าว่างและไม่แตกต่างกัน (ค่าเท่ากับหนึ่ง) แม้ว่าจะต้องการค่าอื่น ๆ ทั้งหมดก็จะไม่ผ่านกระบวนการตรวจสอบความถูกต้อง

เพื่อให้ผู้ใช้จัดการฟิลด์ซึ่งตั้งอยู่ภายในเซลล์จะมีความจำเป็นต้องใช้ประโยชน์จากทรัพย์สินดังกล่าวเป็นช่องว่างซึ่งหมายถึงโวหาร ส่วนใหญ่มักจะจับคู่กับตัวเลือก TD

หากคุณต้องการเปลี่ยนระยะห่างระหว่างเซลล์ในตารางจะจำเป็นต้องใช้คุณสมบัติที่เรียกว่าระยะห่างเส้นขอบ มันเป็นเขาและจำเป็นต้องเพิ่มลงในตาราง

เพื่อลดหรือเพิ่มระยะทางของเซลล์น้ำผึ้งคุณสามารถใช้เฟรมที่อยู่รอบแต่ละเซลล์

เพิ่มความคิดเห็น

อีเมลของคุณจะไม่ถูกเผยแพร่ ฟิลด์บังคับถูกทำเครื่องหมาย *

ปิด I