พื้นฐานการสร้างตาราง [Basic Table)

๑.การนำรูปภาพที่ตัดเป็นหลายๆภาพมาต่อเข้าด้วยกัน ด้วยตาราง

• รูปประตูด้านซ้ายแบ่งออกเป็น ๓ รูป ใส่ลงไปในตาราง ๑ แถว [Rows) x ๓ หลัก [Columns)
ดู Code HTML ครับ

• รูปประตูด้านขวาแบ่งออกเป็น ๕ รูป ใส่ลงไปในตาราง ๑ แถว [Rows) x ๓ หลัก [Columns)
หรือจะใช้ ตาราง ๓ แถว [Rows) x ๓ หลัก [Columns) แล้วรวมเซลให้เหลือ ๕ เซลเท่ากับจำนวนภาพก็ได้ครับ [เหมือนโปรแกรม Microsoft Office Excel) แต่วิธีนี้ค่อนข้างยุ่งยากครับ
Code HTML เปิดประตูดูครับ

ตัวอย่าง การตัดแบ่งรูปภาพเป็นหลายๆส่วนด้วยโปรแกรม Adobe Photoshop

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgBwrXQ6WOfejSebvriLv_OkO74zbThMlZL09N1tTyHwDJ7MsmqOyCYuEY3MlQeshALuqNWfmaFkEt45jPqFrWKuU3BlHlAr3_KLTuiVPZUI0wyVjh1lRMG1aVrN1sXJpQfCcEQLk2_sY/s1600/
ในการใส่รูปภาพลงไปในตารางเราต้องกำหนดความกว้างของตารางให้เท่ากับความกว้างของรูปภาพด้วย เพื่อให้รูปภาพต่อกันสนิท

๒.การสร้างตารางซ้อนในตาราง 
ทำง่ายๆครับ คือเมื่อเราสร้างตารางหลักขึ้นมาแล้ว และเราต้องการสร้างตารางใหม่ขึ้นในเซลของตารางหลักก็ทำได้เลยครับไม่มีคำสั่งอะไรพิเศษ แต่ความกว้างของตารางใหม่ต้องเท่ากับเซลของตารางหลักเท่านั้นครับ

New New
New New
Main
Main Main
ดู Code HTML ครับ

ส่วนการปรับแต่งตาราง และปรับแต่งข้อมูลในตารางศึกษาได้จาก ที่นี่ ครับ

HaMAO Sunny
แก้ไขเพิ่มเติม : วันที่ ๒๐ กุมภาพันธ์ ๒๕๕๙