ในการสร้างไซต์โดยใช้ภาษา HTML ที่เป็นที่นิยมและเรียบง่าย มีกฎเกณฑ์บางประการสำหรับการออกแบบและการจัดตำแหน่งของตาราง ไม่ใช่เรื่องแปลกที่ตารางที่คุณวางบนหน้าจะเลื่อน ดังนั้นจึงต้องจัดกึ่งกลางบนหน้า หรือซ้ายหรือขวาเพื่อให้พอดีกับเค้าโครงหน้าโดยรวม ตามค่าเริ่มต้น ตารางใน HTML จะถูกจัดชิดซ้าย ดังนั้นคุณจำเป็นต้องทราบแท็กที่คุณสามารถจัดตำแหน่งใหม่ได้
คำแนะนำ
ขั้นตอนที่ 1
หากต้องการจัดตารางให้อยู่ตรงกลางของหน้าเว็บ ให้ใช้แอตทริบิวต์ที่อยู่ในแท็กตาราง หากต้องการจัดแนวตารางไปทางขวา ให้ใช้แอตทริบิวต์ตามนั้น หากต้องการจัดชิดด้านซ้ายของหน้า ให้เปลี่ยนค่าแอตทริบิวต์ไปทางซ้าย
ขั้นตอนที่ 2
นอกจากตัวตารางแล้ว คุณยังสามารถจัดแนวเนื้อหาของเซลล์ในแนวนอนหรือแนวตั้งได้อีกด้วย ในการจัดแนวเนื้อหาของเซลล์ตารางในแนวนอน ให้ใช้แอตทริบิวต์ align ของแท็ก tr ด้วยค่าที่เหมาะสม สำหรับเซลล์ นำไปใช้กับแท็ก td
ขั้นตอนที่ 3
ทดลองจัดแนวแถวต่างๆ ในเซลล์ต่างๆ - คุณสามารถจัดแนวข้อความในเซลล์ตารางหนึ่งให้อยู่ตรงกลาง และไปทางขวาหรือซ้ายในอีกเซลล์หนึ่ง
ขั้นตอนที่ 4
ในการจัดแนวข้อความในแนวตั้ง ให้ใช้แอตทริบิวต์แท็ก tr และ td เพื่อจัดตำแหน่งเนื้อหาที่ด้านบนสุดของเซลล์ ในการวางตำแหน่งเนื้อหาบนบรรทัดกลางของเซลล์ ให้เปลี่ยนค่าจากด้านบนเป็นตรงกลาง และหากต้องการจัดตำแหน่งให้อยู่ด้านล่างสุดของเซลล์ ให้เปลี่ยนค่าเป็นด้านล่าง คุณยังสามารถจัดแนวเนื้อหาให้ตรงกับเส้นฐาน (ค่าพื้นฐาน)
ขั้นตอนที่ 5
ด้วยการปรับการจัดตำแหน่งเนื้อหาของเซลล์ทั้งในแนวนอนและแนวตั้ง คุณสามารถทำให้ตารางมีลักษณะที่ควรจะเป็นเมื่อเสร็จสิ้นในหน้าเว็บของคุณ