Como inserir uma tabela na postagem do blogger

Vamos ver como inserir uma tabela na postagem do blogger.

Primeiramente será preciso ir até “nova postagem”.

Na opção “HTML”, insira o código abaixo e faça as alterações necessárias de acordo com as suas necessidades. 

Feito isso, acesse a opção “Escrever” novamente e digite o que desejar. A tabela ficara com um aspecto semelhante ao modelo abaixo.

Coluna 1	Coluna 2	Coluna 3
Linha 1 - Coluna 1	Linha 1 - Coluna 2	Linha 1 - Coluna 3
Linha 2 - Coluna 1	Linha 2 - Coluna 2	Linha 2 - Coluna 3

Depois basta você escrever o que necessitar na sua tabela, substituindo o que eu coloquei como exemplo. 

Aqui está o código, ele contem três colunas e duas linhas:

<table align="center" border="1" style="width: 600px;"> <tbody> <tr> <td>Coluna 1</td> <td>Coluna 2</td> <td>Coluna 3</td> </tr> <tr> <td>Linha 1 - Coluna 1</td> <td>Linha 1 - Coluna 2</td> <td>Linha 1 - Coluna 3</td> </tr> <tr> <td>Linha 2 - Coluna 1</td> <td>Linha 2 - Coluna 2</td> <td>Linha 2 - Coluna 3</td> </tr> </tbody> </table>

Agora vou tentar explicar para você fazer alterações como aumentar as colunas e as linhas.

→ border – é para aumentar a grossura da borda da tabela.

→ width – aqui o valor de 600px corresponde a largura total da tabela.

→ Para aumentar as colunas basta acrescentar uma linha semelhante a que está abaixo:

<tr> <td>Coluna 1</td> <td>Coluna 2</td> <td>Coluna 3</td> </tr>

→ Toda vez que você aumentar uma coluna será necessário aumentar as linhas abaixo dela também, senão ela ficará incompleta.

<tr> <td>Linha 2 - Coluna 1</td> <td>Linha 2 - Coluna 2</td> <td>Linha 2 - Coluna 3</td> </tr>

→ Para aumentar as linhas basta acrescentar mais uma camada de código como abaixo:

<tr> <td>Mais uma linha</td> </tr> <tr> <td>Mais uma linha</td> </tr> </tbody> </table>

Espero que a dica seja útil e caso encontre alguma dificuldade escreva nos comentários. Se gostou compartilhe e deixe sua opinião.

Obrigado.