Когда мы создаем HTML-форму
Вы видите, что это очень несправедливо. Для этого необходимо объединить ячейки
1. Сначала подтвердите, хотите ли вы выполнить объединение вправо (объединение столбцов) или вниз (объединение строк).
2. Найдите ячейки, которые необходимо объединить.
3. Если объединенная ячейка имеет содержимое или занимает позицию, объединенную ячейку можно удалить в исходном коде.
Особое внимание :
Когда мы объединяем ячейки, если в объединенных ячейках есть содержимое, хотя на слияние это не повлияет, поскольку содержимое объединенных ячеек никак не обрабатывается, ячейки автоматически вернутся назад.
Решение : просто удалите лишние ячейки.
Объединить строки: rowspan="Количество объединенных ячеек"
Объединить столбцы: colspan="Количество объединенных ячеек"
Подробное объяснение:
Целевая ячейка:
1: Перекрестная строка: верхняя ячейка является целевой ячейкой, напишите код слияния.
2: Перекрестные столбцы: крайняя левая ячейка является целевой ячейкой, напишите код слияния.
Далее выполняем основные шаги:
Начальная форма <тело>
<table border="1" align="center" width="100%" cellpadding="20" cellpacing="0">
<тр>
<th>Сбор информации о звездах</th>
<тд></тд>
<тд></тд>
<тд></тд>
<тд></тд>
</tr>
<тр>
<th></th>
<th>Имя</th>
<th>Пол</th>
<th>Возраст</th>
<th>Хобби</th>
</tr>
<тр>
<тд></тд>
<td>Брат</td>
<td>Мужской</td>
<td>24</td>
<td>Петь, танцевать, читать рэп и играть в баскетбол</td>
</tr>
<тр>
<тд></тд>
<td>Литанг</td>
<td>Мужской</td>
<td>20</td>
<td>Код измерения и четкая гравировка пять</td>
</tr>
<тр>
<тд></тд>
<td>Мэнглей</td>
<td>Мужской</td>
<td>27</td>
<td>Знаменитый меч крадет башню и становится лучшим охотником</td>
</tr>
</таблица>
</тело> 
Это выглядит как на картинке выше
Слияние между строками (rowspan): если мы хотим получить следующий эффект, нам нужно использовать атрибут rowspan
<тело>
<table border="1" align="center" width="100%" cellpadding="20" cellpacing="0">
<тр>
<th rowspan="5">Сбор информации All-star</th><!--В соответствии с требованиями найдите заголовок, напишите атрибут rowspan и напишите параметр 5, что означает объединение первой и пятой строк. в то же время закомментируйте первый столбец каждой строки -->
<тд></тд>
<тд></тд>
<тд></тд>
<тд></тд>
</tr>
<тр>
<!-- <th></th> -->
<th>Имя</th>
<th>Пол</th>
<th>Возраст</th>
<th>Хобби</th>
</tr>
<тр>
<!-- <td></td> -->
<td>Брат</td>
<td>Мужской</td>
<td>24</td>
<td>Петь, танцевать, читать рэп и играть в баскетбол</td>
</tr>
<тр>
<!-- <td></td> -->
<td>Литанг</td>
<td>Мужской</td>
<td>20</td>
<td>Код измерения и четкая гравировка пять</td>
</tr>
<тр>
<!-- <td></td> -->
<td>Мэнглей</td>
<td>Мужской</td>
<td>27</td>
<td>Знаменитый меч крадет башню и становится лучшим охотником</td>
</tr>
</таблица>
</тело>Объединение между столбцами (colspan): если мы хотим получить следующий эффект, нам нужно использовать атрибут colspan
<тело>
<table border="1" align="center" width="100%" cellpadding="20" cellpacing="0">
<тр>
<th colspan="5">Всезвездный сбор информации</th><! --В соответствии с требованиями найдите заголовок, напишите атрибут colspan и напишите параметр 5, что означает объединение первого и пятого столбцов, и в то же время закомментируйте первую строку каждого столбца -->
<!-- <td></td>
<тд></тд>
<тд></тд>
<td></td> -->
</tr>
<тр>
<!-- <th></th> -->
<th>Имя</th>
<th>Пол</th>
<th>Возраст</th>
<th>Хобби</th>
</tr>
<тр>
<!-- <td></td> -->
<td>Брат</td>
<td>Мужской</td>
<td>24</td>
<td>Петь, танцевать, читать рэп и играть в баскетбол</td>
</tr>
<тр>
<!-- <td></td> -->
<td>Литанг</td>
<td>Мужской</td>
<td>20</td>
<td>Код измерения и четкая гравировка пять</td>
</tr>
<тр>
<!-- <td></td> -->
<td>Мэнглей</td>
<td>Мужской</td>
<td>27</td>
<td>Знаменитый меч крадет башню и становится лучшим охотником</td>
</tr>
</таблица>
</тело>На этом завершается статья о конкретной реализации слияния таблиц HTML. Для получения дополнительной информации о слиянии таблиц HTML, пожалуйста, найдите предыдущие статьи на сайте downcodes.com или продолжайте просматривать соответствующие статьи ниже. Надеюсь, вы будете поддерживать даункоды в будущем.