Cursos 24 Horas - Cursos 100% Online com Certificado

Aprenda Códigos HTML e Ganhe Mais Visitas - Parte 1

2 Comentários Autor : Notícia e blog 05 dezembro 2009
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

    2 Comentários

    meus trecos disse...
    24 de maio de 2010 07:10 #

    Gostei muito de suas dicas e ja favoritei seu blog.
    Estou estudando html e kero saber como faço para postar códigos html e css como vc posta?
    Ja tentei e quando visualizo a postagem não aparece pq?... vc pode me ajudar?
    Beijinho

    meus trecos disse...
    24 de maio de 2010 07:18 #

    vou me inscrever por email ok?
    +Beijinho

    Postar um comentário

    Deixe seu comentário aqui
    Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.