Uma postagem bem editada garante um grande número de visitas pois o leitor vai se interessar por uma postagem que tem um conteúdo relevante e ao mesmo tempo bonito de se olhar. Para ter uma postagem bem elaborada é necessário saber alguns códigos "Tags" básicas do HTML, como inserir uma imagem um link, uma cor a letra, negrito,itálico. Vamos conhecer abaixo algumas dessas tags e sua aplicações:

Onde inserir

Se você usa o Blogger, pode inserir em "Postagem"->"Nova Postagem"-> E clicar na aba "Editar HTML". E se você tem uma página HTML pode inserir diretamente no código de fonte.

Inserir imagem

Para inserir uma imagem você deve primeiramente ter o link ou Url da imagem. A tag utilizada para inserir uma imagem é a "IMG" veja o exemplo abaixo de como ela é usada:
<img src='url-da-imagem' />
Um exemplo pratico seria inserir o logotipo do blogger veja:
A url do logotipo é http://1.bp.blogspot.com/_8AL-4bHE9zs/SxoqTZhqquI/AAAAAAAABXs/qYnqVwqC9rw/s1600/Logo_Blogger.png
Agora vamos inserir a url na tag veja:
<img src='http://1.bp.blogspot.com/_8AL-4bHE9zs/SxoqTZhqquI/AAAAAAAABXs/qYnqVwqC9rw/s1600/Logo_Blogger.png' />
O resultado será este abaixo:

Atributos da Tag IMG

Atributos são trechos que dão outras funções as tags um exemplo seria largura, altura e título.Vamos conhecer uma pouco mais esse atributos:
height: Define a altura da imagem
widht: Define a largura da imagem
title: Define um título a imagem

Vamos usar como exemplo o logotipo do Blogger que vimos acima. O código para inserir-lo ficou da seguinte forma:
<img src='http://1.bp.blogspot.com/_8AL-4bHE9zs/SxoqTZhqquI/AAAAAAAABXs/qYnqVwqC9rw/s1600/Logo_Blogger.png' />


Agora vamos definir para o logotipo uma altura de 120px e uma largura de 128px veja como ficaria o código:
<img src='http://1.bp.blogspot.com/_8AL-4bHE9zs/SxoqTZhqquI/AAAAAAAABXs/qYnqVwqC9rw/s1600/Logo_Blogger.png' height='120px' widht='128px' title='Este é um tutorial feito para o Notícia e blog' />
O resultado é este que vemos abaixo:

Se você está se perguntando,cadê o título? Passe mouse sobre a imagem para ver.

No próximo tutorial veremos como transformar a imagem em um link e como fazer um link. Até a proxima! IR PARA PARTE 2