O que é uma linha de linha?
O atributo linespan é um recurso da linguagem de marcação de hipertexto (HTML) que permite que uma célula da tabela em uma página da Web se estenda por várias linhas. HTML é uma das principais maneiras pelas quais as páginas da web são criadas. Normalmente, um navegador da web decodifica o HTML enviado por um site e exibe os resultados na tela do computador em um formato legível. O HTML incorpora o conceito de uma tabela para organizar o conteúdo em uma página.
Uma tabela possui várias linhas e colunas que organizam as informações vertical e horizontalmente. Ao exibir uma tabela HTML, geralmente você deseja que um único item de conteúdo seja aplicado ou espalhado por várias linhas. Em uma tabela, linhaspan = N - onde N é um número como 2, 3 etc. - indica que a célula se espalha por muitas linhas.
Considere um exemplo em que os dados de vendas são mostrados como uma tabela com três títulos de coluna: a região de vendas, a pessoa que lidera a região e o valor das vendas. A região sul mudou de cabeça durante o período de gravação; os respectivos montantes devem ser atribuídos a ambas as pessoas. O código a seguir consegue isso.
<html>
<borda da tabela = "1">
<tr>
<th> Região </th>
<th> Cabeça </th>
<th> Vendas </th>
</tr>
<tr>
<td> Leste </td>
<td> Lewis </td>
<td> $ 2.100 </td>
</tr>
<tr> <td linespan = "2"> Sul </td> <td> Liliano</td><td>$1,180</td> </tr>
<tr> <td> Laverne</td><td>$1,300</td> </tr>
<tr> <td> Oeste </td> <td> Larnoe</td><td>$1,900</td> </tr>
</table>
</html>
Neste exemplo, uma tabela é criada. Os títulos Região, Responsável e Vendas são especificados seguidos por quatro linhas de dados. Cada célula na tabela é indicada pelo atributo de dados da tabela (td). Os dados para o Sul percorrem duas linhas; portanto, ao especificar linhaspan = 2, a palavra Sul se estende por duas linhas. A próxima linha tem apenas dois atributos td e não três, como em todas as outras linhas.
Pode-se copiar esse código em um arquivo de texto e trazê-lo para um navegador para visualizar o efeito. Os espaços em branco foram adicionados neste código para identificar facilmente os chefes de vendas, mas eles não são necessários. A seguir, é apresentado um exemplo um pouco diferente, onde uma pessoa, Lilian, chefia duas regiões: sul e oeste.
<html>
<borda da tabela = "1">
<tr><th> Região</th><th> Head </</th><th> Vendas</th> </tr>
<tr><td> Leste</td><td> Lewis </td><td>$2.100</td> </tr>
<tr> <td> Sul </td> <td rowpan = "2"> Lilian </td> <td> $ 2.480 </td> </tr>
<tr> <td> Oeste </td> <td>$1.900</td> </tr>
</table>
</html>
Uma página da web pode não precisar mostrar dados em um formulário tabular. Pode ter um cabeçalho, como o nome e o logotipo da empresa, um ou mais menus na parte superior ou lateral, informações principais no meio e assim por diante. Na criação de uma página da web, uma estrutura de tabela geralmente é usada por baixo, sem que o leitor esteja ciente disso. Para dar um efeito suave, o atributo linespan é usado sempre que parte do conteúdo se espalha por várias linhas.
Pode-se criar uma página da web pessoal, por exemplo, que inclua três colunas de informações: Família, Carreira e Comunidade. Cada coluna pode ter uma breve introdução, uma foto e detalhes. Para melhorar a página, uma faixa de cores pode ser usada no lado direito. Nesse caso, o recurso de extensão de linhas pode ser utilizado para indicar que a faixa de cores abrange todas as linhas.