terça-feira, 1 de novembro de 2011

Tabelas em postagens com HTML - parte 3 de 3

Para concluir essa série de postagens sobre a construção de tabelas, vamos falar sobre os atributos colspan e rownspan. O primeiro faz a "mesclagem" de células na horizontal (linhas) e o segundo, na vertical (colunas). O número de células que são unidas é o valor do atributo.

Vamos ver, primeiro um exemplo do colspan e depois de rowspan.

<table border="1" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td colspan="2">Exemplo do uso do colspan</td>  
</tr>
<tr>
<td>célula 1</td>
<td>célula 2</td>
</tr>
</tbody>
</table>

Exemplo do uso do colspan
célula 1 célula 2

<table border="1" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td rowspan="2">Exemplo do uso do colspan</td>  
<td>célula 1</td>
</tr>
<tr>
<td>célula 2</td>
</tr>
</tbody>
</table>

Exemplo do uso do colspan célula 1
célula 2

Embora a lógica não chegue a ser difícil, é fato que fazer tabelas no HTML "puro", sobretudo quando elas começam a ter muitas complexidades (mesclagens, formatações, etc.), pode ser trabalhoso e mesmo confuso.

Por isso, certamente muitas pessoas preferirão utilizar um editor de HTML, que desenhe com mais facilidade e automatização as tabelas. Depois, será apenas copiar o código e colar no espaço da postagm adequado do blog. É isso que vou ensinar a seguir.

Nenhum comentário:

Postar um comentário