Códigos HTML e Ganhe Mais Visitas - Parte 1

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 é https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0-ZtUjKRwojFqPXcHMhd5zOdEswO2wLc01Sx5QJsNfULKuaUJioN4Z06qqoT4GUjvbdEBbi0xE5k9vyIRhtzQ0ciuz2EIBJaXnCLO0-Xm5ODuIFp5PHYNa9UCsKiOiI7GBm9x87mHTBRV/s1600/Logo_Blogger.png
Agora vamos inserir a url na tag veja:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0-ZtUjKRwojFqPXcHMhd5zOdEswO2wLc01Sx5QJsNfULKuaUJioN4Z06qqoT4GUjvbdEBbi0xE5k9vyIRhtzQ0ciuz2EIBJaXnCLO0-Xm5ODuIFp5PHYNa9UCsKiOiI7GBm9x87mHTBRV/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0-ZtUjKRwojFqPXcHMhd5zOdEswO2wLc01Sx5QJsNfULKuaUJioN4Z06qqoT4GUjvbdEBbi0xE5k9vyIRhtzQ0ciuz2EIBJaXnCLO0-Xm5ODuIFp5PHYNa9UCsKiOiI7GBm9x87mHTBRV/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0-ZtUjKRwojFqPXcHMhd5zOdEswO2wLc01Sx5QJsNfULKuaUJioN4Z06qqoT4GUjvbdEBbi0xE5k9vyIRhtzQ0ciuz2EIBJaXnCLO0-Xm5ODuIFp5PHYNa9UCsKiOiI7GBm9x87mHTBRV/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.

Technorati Marcas: Aprenda,Códigos,HTML,e,Ganhe,Mais,Visitas,Parte 1

• Divulgar no del.icio.us
• Divulgar no Digg
• Adicionar nos Favoritos do Google
• Enviar para o Twitter
• Compartilhar no Facebook
• Compartilhar no Technorati
• Enviar para o MySpace