Primeiros passos com HTML

Para quem está iniciando colocar uma imagem, mudar a cor ou até mesmo inserir um link pode ser complicado, no começo quando mechemos com HTML isso é comum, pois não temos nenhuma habilidade com códigos.

Se você não tem idéia de como usar as tags básicas eu vou dar uma ajudinha, mostrando como inseri-las no seu HTML ou até mesmo no post.

Inserindo um link em uma palavra

<a href="http://LINKDAPAGINA.com">TESTE</a>

No blog só a palavra “TESTE” que aparece, mas quando o usuário clica nela, é redirecionado para a pagina do link, que no caso é “LINKDAPAGINA”.

Para abrir a pagina em outra janela usamos a variante target=”_blank” no final do link, ficando assim:

<a href="http://LINKDAPAGINA.com" target=”_blank”>TESTE</a>

Inserindo uma imagem

<img src=”LINKDAIMAGEM” />

Esse é o código, com base nisso temos várias modificações, como tamanho, largura, com link e etc.

Para inserir um link em uma imagem temos:

<a href="http://LINKDAPAGINA.com"><img src=”LINKDAIMAGEM” /></a>

Inserindo uma cor diferente no texto

<font color="#FFFF66" face="verdana" size="3">EXEMPLO</font>
  1. Font e /font: Usado para abrir e fechar as tags de formatação;
  2. Color: Temos a cor da fonte;
  3. Face: Temos o tipo de fonte;
  4. Size: O tamanho da fonte.
Isso gera muitas dúvidas, mas é fácil, basta saber os comandos iniciais e o código das cores. Neste site temos vários códigos com cores.

Linkando um e-mail

<a href="mailto:SEUE-MAIL@PROVEDOR.COM">E-MAIL</a>

Onde está escrito “seue-mail@provedor.com” você colocará o e-mail desejado.

Se você usa o blogger como plataforma não precisará usar essas linhas na hora de criar a postagem, pois ele possui umas ferramentas de fácil acesso, onde você clica sobre o ícone desejado e ele inseri o código para você, facilitando sua vida.

Agora, se você for mexer no seu template e entrar na guia “Editar HTML” terá que usar muitas vezes os códigos citado acima, disso pode ter certeza.