เมื่อเราสร้างฟอร์ม HTML
คุณจะเห็นได้ว่านี่ไม่ยุติธรรมมาก สิ่งนี้ต้องมีการผสานเซลล์
1. ขั้นแรกยืนยันว่าคุณต้องการผสานไปทางขวา (การรวมคอลัมน์) หรือด้านล่าง (การรวมแถว)
2. ค้นหาเซลล์ที่ต้องการผสาน
3. หากเซลล์ที่ผสานมีเนื้อหาหรือครอบครองตำแหน่ง เซลล์ที่ผสานแล้วสามารถลบได้ในซอร์สโค้ด
ความสนใจเป็นพิเศษ :
เมื่อเราผสานเซลล์ หากเซลล์ที่ผสานมีเนื้อหา แม้ว่าการผสานจะไม่ได้รับผลกระทบ เนื่องจากเนื้อหาของเซลล์ที่ผสานไม่ได้รับการประมวลผลในทางใดทางหนึ่ง เซลล์จะย้ายกลับโดยอัตโนมัติ
วิธีแก้ไข : เพียงลบเซลล์ที่ซ้ำซ้อนออก
ผสานข้ามแถว: rowspan="จำนวนเซลล์ที่ผสาน"
ผสานข้ามคอลัมน์: colspan="จำนวนเซลล์ที่ผสาน"
คำอธิบายโดยละเอียด:
เซลล์เป้าหมาย:
1: แถวไขว้: เซลล์ด้านบนคือเซลล์เป้าหมาย เขียนโค้ดผสาน
2: คอลัมน์กากบาท: เซลล์ซ้ายสุดคือเซลล์เป้าหมาย เขียนโค้ดผสาน
จากนั้นเราทำตามขั้นตอนหลัก:
แบบฟอร์มเริ่มต้น <body>
<table border="1" align="center" width="100%" cellpadding="20" cellspacing="0">
<tr>
<th>การรวบรวมข้อมูลดารา</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th></th>
<th>ชื่อ</th>
<th>เพศ</th>
<th>อายุ</th>
<th>งานอดิเรก</th>
</tr>
<tr>
<td></td>
<td>พี่ชาย</td>
<td>ชาย</td>
<td>24</td>
<td>ร้องเพลง เต้นรำ แร็พ และเล่นบาสเก็ตบอล</td>
</tr>
<tr>
<td></td>
<td>ลี่ถัง</td>
<td>ชาย</td>
<td>20</td>
<td>การวัดโค้ดและการแกะสลักแบบคมชัดห้า</td>
</tr>
<tr>
<td></td>
<td>เหมิงเหล่ย</td>
<td>ชาย</td>
<td>27</td>
<td>ดาบอันโด่งดังขโมยหอคอยและกลายเป็นนักล่าขั้นสูงสุด</td>
</tr>
</ตาราง>
</ร่างกาย> 
จะปรากฏดังภาพด้านบนนี้
การผสานข้ามแถว (rowspan): หากเราต้องการให้มีผลดังต่อไปนี้ เราจำเป็นต้องใช้แอตทริบิวต์ rowspan
<ร่างกาย>
<table border="1" align="center" width="100%" cellpadding="20" cellspacing="0">
<tr>
<th rowspan="5">การรวบรวมข้อมูลระดับ All-star</th><!--ตามข้อกำหนด ให้ค้นหาชื่อ เขียนแอตทริบิวต์ rowspan และเขียนพารามิเตอร์ 5 ซึ่งหมายถึงการรวมแถวแรกถึงแถวที่ห้าเข้าด้วยกัน ในเวลาเดียวกัน ให้ใส่ความคิดเห็นในคอลัมน์แรกของแต่ละบรรทัด -->
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<!-- <th></th> -->
<th>ชื่อ</th>
<th>เพศ</th>
<th>อายุ</th>
<th>งานอดิเรก</th>
</tr>
<tr>
<!-- <td></td> -->
<td>พี่ชาย</td>
<td>ชาย</td>
<td>24</td>
<td>ร้องเพลง เต้นรำ แร็พ และเล่นบาสเก็ตบอล</td>
</tr>
<tr>
<!-- <td></td> -->
<td>ลี่ถัง</td>
<td>ชาย</td>
<td>20</td>
<td>การวัดโค้ดและการแกะสลักแบบคมชัดห้า</td>
</tr>
<tr>
<!-- <td></td> -->
<td>เหมิงเหล่ย</td>
<td>ชาย</td>
<td>27</td>
<td>ดาบอันโด่งดังขโมยหอคอยและกลายเป็นนักล่าขั้นสูงสุด</td>
</tr>
</ตาราง>
</ร่างกาย>การผสานข้ามคอลัมน์ (colspan): หากเราต้องการผลดังต่อไปนี้ เราจำเป็นต้องใช้แอตทริบิวต์ colspan
<ร่างกาย>
<table border="1" align="center" width="100%" cellpadding="20" cellspacing="0">
<tr>
<th colspan="5">การรวบรวมข้อมูลระดับ All-star</th><!--ตามข้อกำหนด ให้ค้นหาชื่อ เขียนแอตทริบิวต์ colspan และเขียนพารามิเตอร์ 5 ซึ่งหมายถึงการรวมคอลัมน์แรกถึงห้า และในเวลาเดียวกัน ให้ใส่ความคิดเห็นในบรรทัดแรกของแต่ละคอลัมน์ -->
<!-- <td></td>
<td></td>
<td></td>
<td></td> -->
</tr>
<tr>
<!-- <th></th> -->
<th>ชื่อ</th>
<th>เพศ</th>
<th>อายุ</th>
<th>งานอดิเรก</th>
</tr>
<tr>
<!-- <td></td> -->
<td>พี่ชาย</td>
<td>ชาย</td>
<td>24</td>
<td>ร้องเพลง เต้นรำ แร็พ และเล่นบาสเก็ตบอล</td>
</tr>
<tr>
<!-- <td></td> -->
<td>ลี่ถัง</td>
<td>ชาย</td>
<td>20</td>
<td>การวัดโค้ดและการแกะสลักแบบคมชัดห้า</td>
</tr>
<tr>
<!-- <td></td> -->
<td>เหมิงเหล่ย</td>
<td>ชาย</td>
<td>27</td>
<td>ดาบอันโด่งดังขโมยหอคอยและกลายเป็นนักล่าขั้นสูงสุด</td>
</tr>
</ตาราง>
</ร่างกาย>นี่เป็นการสรุปบทความนี้เกี่ยวกับการใช้งานเฉพาะของการรวมตาราง HTML สำหรับเนื้อหาการรวมตาราง HTML ที่เกี่ยวข้องเพิ่มเติม โปรดค้นหาบทความก่อนหน้าใน downcodes.com หรือเรียกดูบทความที่เกี่ยวข้องด้านล่างต่อไป ฉันหวังว่าคุณจะสนับสนุน downcodes ในอนาคต