Question

Na elaboração de tabelas em uma página HTML, em alguns casos temos que juntar (mesclar) as células seja horizontalmente ou verticalmente. Coloque um exemplo para cada tipo de mesclagem e explique os exemplos

Answer 1

<table>

    <tr>

        <td colspan=”4″>Tabela de Produtos</td>

    </tr>

    <tr>

         <td>Categoria</td>

         <td>Produto</td>

         <td>Preço</td>

         <td>Média dos Preços</td>

    </tr>

    <tr>

         <td>Eletrodomésticos</td>

         <td>Geladeira</td>

         <td>R$ 1.200</td>

         <td rowspan=”3″>526,67</td>

    </tr>

    <tr>

         <td>Eletrodomésticos</td>

         <td>Liquidificador</td>

         <td>R$ 200</td>

    </tr>

    <tr>

         <td>Eletrodomésticos</td>

         <td>Batedeira</td>

         <td>R$ 180</td>

    </tr>

</table>

No mesmo exemplo utilizei os dois tipos de mesclagem.

O trecho abaixo mostra a mesclagem de colunas por meio da tag <td> utilizando o atributo colspan=”4. O 4 mostra quantas colunas estão sendo mescladas.

    <tr>

         <td colspan=”4″>Tabela de Produtos</td>

    </tr>

O trecho abaixo mostra a mesclagem de linhas por meio da tag <td> utilizando o atributo rowspan=”3″. O 3 mostra quantas linhas estão sendo mescladas.

    <tr>

         <td>Eletrodomésticos</td>

         <td>Geladeira</td>

         <td>R$ 1.200</td>

         <td rowspan=”3″>Média dos Preços</td>

    </tr>

Espero ter ajudado.

Bons estudos!