Posts Populares
15
maio
2017

10 códigos HTML que toda blogueira tem que conhecer


Falando sobre: Tutoriais
10 códigos HTML que toda blogueira tem que conhecer | MCarolina.com.br

Foto via Visualhunt

Tem categoria nova aqui no blog? Tem sim. Tantas coisas que precisamos aprender quando entramos no mundo dos blogs. Aprendemos como tirar fotos legais para redes sociais, como escrever bem, um pouco de design, mas na maioria das vezes, o código é evitado, principalmente quando são códigos html. Quase sempre por acreditar ser difícil ou complicado.

Se você está entrando no mundo da blogosfera e não tem nenhuma noção de códigos, não tenha medo! Hoje vou ensinar 10 códigos HTML simples e fáceis que vão levar o seu blog para um outro nível.

  • texto em negrito: <b> seu texto aqui </b> ou <strong> seu texto aqui </strong>
  • quebra de linha: se você quiser pular uma linha, seja em um texto, imagem ou parágrafo, basta inserir </br>
  • adicionar link: <a href=”http://seulinkaqui.com“>Seu texto aqui</a>
  • parágrafo:  <p> Seu texto aqui </p>
  • palavra ou texto com um risco em cima (assim): <del> palavra </del>
  • inserir imagem: <img title=”título da imagem” src=”link da sua imagem aqui” alt=”texto alt” width=”tamanho largura” height=”tamanho altura” />

Não se esqueça de colocar a altura (height), a largura (width) e o texto alt, que é ótimo para o seo (recomendo colocar o título do seu post).

  • imagem com link (+ abrir em nova janela): <a href=”http://seulinkaqui.com/” target=”_blank“><img title=”titulo da imagem” src=”link da sua imagem aqui” alt=”texto alt” width=”tamanho largura” height=”tamanho altura” /></a>
  • uma linha horizontal: <hr>

Você pode personalizar pelo CSS para deixar a sua linha diferente, assim como no blog. Se vocês quiserem, posso ensinar.

  • mudar a cor de uma palavra ou texto: <span style=”color: #b9383d;”> texto/palavra </span> ou <font color=”#b9383d”>palavra / texto </font>
  • usar uma fonte diferente: <span style=”font-family: georgia, serif;”>seu texto aqui</span>

Obs.: Você pode encontrar uma tabela com muitas cores aqui. Ah, e antes que eu me esqueça, no último tópico, você pode usar as fontes padrão do Windows (Georgia, Arial, Times New Roman…), mas se você quiser usar fontes personalizadas, vai ter que instalar elas em seu blog, pelo código (seja html ou css).


10 códigos HTML que toda blogueira tem que conhecer | MCarolina.com.br
10 HTML codes that every blogger has to know | MCarolina.com.br

E ai, tem alguma coisa que você não sabia? Quer aprender alguma coisa de HTML? Comenta ai, que eu faço um tutorial o mais breve possível.

Deixe o seu comentário!

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *


4 comentários