Quando estamos fazendo um formulário HTML
Você pode ver que isso é muito injusto. Isso requer mesclar células
1. Primeiro confirme se deseja mesclar para a direita (mesclagem de colunas) ou para baixo (mescagem de linhas).
2. Encontre as células que precisam ser mescladas.
3. Se a célula mesclada tiver conteúdo ou ocupar uma posição, a célula mesclada poderá ser excluída do código-fonte.
Atenção especial :
Quando mesclamos células, se as células mescladas tiverem conteúdo, embora a mesclagem não seja afetada, porque o conteúdo das células mescladas não é processado de forma alguma, as células retrocederão automaticamente.
Solução : basta excluir as células extras.
Mesclar entre linhas: rowspan="Número de células mescladas"
Mesclar entre colunas: colspan="Número de células mescladas"
Explicação detalhada:
Célula alvo:
1: Linha cruzada: A célula superior é a célula de destino, escreva o código de mesclagem.
2: Colunas cruzadas: A célula mais à esquerda é a célula de destino, escreva o código de mesclagem.
Em seguida seguimos os passos principais:
Formulário inicial <corpo>
<table border="1" align="center" width="100%" cellpadding="20" cellpacing="0">
<tr>
<th>Coleta de informações de estrelas</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th></th>
<th>Nome</th>
<th>Gênero</th>
<th>Idade</th>
<th>Passatempos</th>
</tr>
<tr>
<td></td>
<td>Irmão</td>
<td>Masculino</td>
<td>24</td>
<td>Cante, dance, faça rap e jogue basquete</td>
</tr>
<tr>
<td></td>
<td>Litang</td>
<td>Masculino</td>
<td>20</td>
<td>Medição de código e gravação nítida cinco</td>
</tr>
<tr>
<td></td>
<td>Menglei</td>
<td>Masculino</td>
<td>27</td>
<td>A famosa espada rouba a torre e se torna o melhor caçador</td>
</tr>
</tabela>
</body> 
Isso aparece como na imagem acima
Mesclagem de linhas cruzadas (rowspan): Se quisermos o seguinte efeito, precisamos usar o atributo rowspan
<corpo>
<table border="1" align="center" width="100%" cellpadding="20" cellpacing="0">
<tr>
<th rowspan="5">Coleta de informações All-star</th><!--De acordo com os requisitos, encontre o título, escreva o atributo rowspan e escreva o parâmetro 5, o que significa mesclar a primeira com a quinta linhas em. ao mesmo tempo, comente a primeira coluna de cada linha ->
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<!-- <th></th> -->
<th>Nome</th>
<th>Gênero</th>
<th>Idade</th>
<th>Passatempos</th>
</tr>
<tr>
<!-- <td></td> -->
<td>Irmão</td>
<td>Masculino</td>
<td>24</td>
<td>Cante, dance, faça rap e jogue basquete</td>
</tr>
<tr>
<!-- <td></td> -->
<td>Litang</td>
<td>Masculino</td>
<td>20</td>
<td>Medição de código e gravação nítida cinco</td>
</tr>
<tr>
<!-- <td></td> -->
<td>Menglei</td>
<td>Masculino</td>
<td>27</td>
<td>A famosa espada rouba a torre e se torna o melhor caçador</td>
</tr>
</tabela>
</body>Mesclagem entre colunas (colspan): Se quisermos o seguinte efeito, precisamos usar o atributo colspan
<corpo>
<table border="1" align="center" width="100%" cellpadding="20" cellpacing="0">
<tr>
<th colspan="5">Coleta de informações all-star</th><!--De acordo com os requisitos, encontre o título, escreva o atributo colspan e escreva o parâmetro 5, o que significa mesclar a primeira com a quinta colunas, e ao mesmo tempo, comente a primeira linha de cada coluna ->
<!-- <td></td>
<td></td>
<td></td>
<td></td> -->
</tr>
<tr>
<!-- <th></th> -->
<th>Nome</th>
<th>Gênero</th>
<th>Idade</th>
<th>Passatempos</th>
</tr>
<tr>
<!-- <td></td> -->
<td>Irmão</td>
<td>Masculino</td>
<td>24</td>
<td>Cante, dance, faça rap e jogue basquete</td>
</tr>
<tr>
<!-- <td></td> -->
<td>Litang</td>
<td>Masculino</td>
<td>20</td>
<td>Medição de código e gravação nítida cinco</td>
</tr>
<tr>
<!-- <td></td> -->
<td>Menglei</td>
<td>Masculino</td>
<td>27</td>
<td>A famosa espada rouba a torre e se torna o melhor caçador</td>
</tr>
</tabela>
</body>Isso conclui este artigo sobre a implementação específica da mesclagem de tabelas HTML. Para obter mais conteúdo relacionado à mesclagem de tabelas HTML, pesquise os artigos anteriores em downcodes.com ou continue navegando nos artigos relevantes abaixo.