Dicas Básicas para Blogueiros

Algumas dicas básicas para quem precisa mexer nos códigos HTML do Template.
Apenas estarei colocando uma forma simples para explicar.

* Caso esteja procurando algo mais didático sobre HTML é recomendável leitura de apostilas ou curso. Existem diversos sites na net que são específicos sobre esse assunto.
  
Dicas Básicas para Blogueiros
Tags são usadas para criação de páginas WEB, ou seja, servem para que o navegador interprete a página.
Usando as Tags podemos fazer a formatação da página, mudar a cor do texto, do link entre outras coisas mais.

Exemplo:

<b>Texto em Negrito</b> 
A Tag vai aparecer assim:
Texto em Negrito
 
Para separar as coisas no seu blog e dar o espaçamento simples de ENTER é só usar a tag <BR>

Se precisar de espaçamento com alinhamento:

- Centralizado: <p align="center">Texto ou imagem aqui </p>
- Esquerda: <p align="left">Texto ou imagem aqui </p>
- Direita: <p align="right">Texto ou imagem aqui </p>

Exemplo usando a tag: <p> </p>

(Centralizado) Texto ou imagem aqui

(Esquerda) Texto ou imagem aqui

(Direita) Texto ou imagem aqui


» Se precisar dar espaçamentos entre os acessórios (relógio, calendários): Clique aqui

 

Normalmente é comum ver essas tags nos Templates.
Para saber o que é, veja os dois exemplo:

Exemplo 1

Exemplo 2

No Exemplo 1 e 2, possuem o mesmo significado.
A TAG Informativa apenas localiza onde é o começo e o fim da área do Perfil.

Ela serve como comentário para mostrar o que determinada parte do código HTML contém.

Com isso, podemos perceber que essa TAG é muito útil para podermos saber pra que serve determinado código,  onde começa e termina a parte editável dentro de um Template.
<!-- Inicio do Perfil -->
Nome: Mais Blog
Gosto de: Várias coisas
<!-- Fim do Perfil -->
<!-- Perfil -->
Nome: Mais Blog
Gosto de: Várias coisas
<!-- /Perfil -->

 

- Pode ser o endereço da página web de um site.
- Pode ser o link de uma imagem.

Exemplo de link do site: http://www.maisblog.com
Exemplo de link de uma imagem: http://maisblog.50webs.com/images/maisblog_logo.gif

» Se precisar pegar o Endereço(URL) de uma imagem: Clique aqui e veja o Tutorial


A TAG usada para imagem é a seguinte:

<img src="NOME_DA_IMAGEM" border="0"> 

No src é necessário colocar o nome da imagem.
Caso você esteja pegando um Endereço(URL) da Imagem é só colocar no src
 
A TAG usada para Linkar é a seguinte:

<a href="http://www.meu_link.com" target="_blank">Texto que aparecerá como meu link</a> 

Saiba pra que serve:

href  -  Serve para colocar o Endereço(URL) da página que você quer linkar
target - _blank (Abre a página em nova janela)

Exemplo na prática para linkar o site Mais Blog:

<a href="http://www.maisblog.com" target="_blank">Mais Blog</a>

O resultado desse link exemplo: Mais Blog
 
» Se precisar criar Links Texto, temos também Gerador de Links: Clique aqui

» Se precisar criar Link com Imagem, temos também Gerador de Links (Imagens): Clique aqui

Autoria do texto desenvolvido por MaisBlog.com
Criado em 20/02/2006
Copyright © MaisBlog.com - 2004 ~
Todos os direitos reservados - All rights reserved