Olá! Tuesday, 19 de March de 2024.



Dicas CódigoFonte.net
Wednesday, 13 de October de 2004

Dicas básicas para blogueiros inexperientes

Tags básicas de estrutra

Existem algumas tags básicas para a estrutura de um blog. Como as tags , , , essas tags simples... Vamos começar com essas, deste jeito:

Título do blog Coisas do seu blog, como tags do BLOGGER, WEBLOGGER, BLIG, UOL e o perfil...

LEGENDA:
e - Marcam o início e o fim do código HTML. Ou seja, nada deverá aparecer antes de nem depois de .
e - Marcam o início e o fim do cabeçalho da página (Note que a palavra "head" significa "cabeça").
e - Demarca, o título da página que aparecerá no topo do seu browser. Ou seja, o título da sua página deverá ser escrito entre essas duas tags.
e - Essas duas tags delimitam o corpo (Body = corpo) da página HTML. Conteúdo da sua página deverá ser escrito entre essas tags; todos os textos e imagens e coisas parecidas.

Tags básicas de formatação de linhas, sublinhados, negritos e itálicos

Você viu que não dá para fazer muita coisa com a estrutura da página, né? Esses códigos aqui você vai usar para formatar os paragrafos, estilos das letras (sublinhados, negritos e itálicos) e coisa e tal. São essas:


- Quebra de Linha. Essa é uma tag única, não precisa ser fechada. Use-a para pular para a linha de baixo como um "ENTER".

- Quebra de parágrafo. Quando usá-la, ficará uma linha em branco.
e - Para escrever em negrito, escreva seu texto entre essas duas tags.
e - Marcam o início e o fim do texto em itálico.
e - O que escrevemos entre essas tags aparece sublinhado.
e - Para escrever uma palavra riscada no meio.
e - Aumenta a fonte do texto que escrevemos entre essas tags.
e - Diminui a fonte do texto que escrevemos entre essas tags.


- Insere uma linha horizontal.
.::CaMy'S HP::. - Insere um link para http://www.camyhp.weblogger.com.br e o texto .::CaMy'S HP::. é o que aparece na página.
Camy - Insere um link para o email [email protected] (abirá automaticamente uma janela do Outlook) e o texto Camy é o que aparece na página.
- Insere a imagem que está no endereço http://www.camyhp.weblogger.com.br/imagem.jpg na sua página.

A tag

Como você viu na Parte 1, a tag mostra o início do corpo (ou conteúdo) da sua página, sendo fechada com a tag
Dentro dessa tag podem aparecer alguns comandos. Vejamos:

bgcolor="cor" - Diz a cor de fundo da página, o Background. A cor pode aparecer com seu nome em inglês (Ex.: Black, Gray, Darkpink, Skyblue...) ou no código hexadecimal (Ex.: #000000, #808080, #e2008e, #5bcaf9...)
background="imagem.jpg" - Caso você queira uma imagem como fundo da página, use esse comando. A imagem de repetirá até completar toda a tela e se moverá junto com o conteúdo da página (scroll).
bgproperties="fixed" - Caso você queira que a imagem de fundo permaneça estática e só o conteúdo se mova ao acionar o scroll, use esse comando dentro da tag <BODY>.
text="cor" - Esse diz a cor da fonte usada na página.
link="cor" - Diga a cor que deseja que os links apareça.
alink="cor" - Esse comando diz a cor do link ativo.
vlink="cor" - Esse diz a cor do link já visitado.

Exemplos:


ou


A tag e formatação de texto

A tag é utilizada para fazer controle de tamanho da fonte, cor e tipo e é fechada com a tag . Ela pode conter os seguintes parâmetros:

Seu texto aqui

Onde:

FACE indica o tipo de fonte a ser usada.
Ex.:

SIZE indica o tamanho da fonte que pode variar entre 1 e 7.
Ex.:

COLOR indica a cor para a fonte. Que mais uma vez podem ser utilizados, tanto o nome da cor em inglês quanto o valor em hexadecimal.
Ex.:

Espero que aproveitem minhas dicas e que elas funcionem!!

Comentários do artigo [Novo comentário]

beatriz rodrigues delgado - 06 de August de 2008 - 17:45
Obrigada pelas dicas, são muito úteis.
sonia silva - 11 de August de 2008 - 16:01
Olá,
Muitíssimo bom. Já vi que vou aprender muito com vcs. Obrigada.
tony casanova junior - 17 de August de 2008 - 07:42
maravilha,belas dicas,vlw mesmo.gostaria de ativar botões de link que direcionassem o usuário a outra página do meu blog,alguma dica? agradeço muito,abraços,
tony.
Ana Marta Motta - 23 de August de 2008 - 16:45
Excelentes dicas ,obrigada
Rafael Lúcio Pereira Pires - 24 de August de 2008 - 17:09
Dicas perfeitas..muito obrigado!!!
jonas azevedo - 24 de August de 2008 - 19:18
legal, uma pequena atualização
:D
Vania Regina Couto Cabral - 06 de October de 2008 - 18:37
Gostei muito, várias vezes quebrei a cabeça para decifrar aqueles nomes esquisitos.... Agora sei onde buscar resposta.
Rosangela de Fatima Ferreira - 17 de November de 2008 - 10:35
?imo, s?dias preciosas.Muit?imo obrigada.
ivan ferreira - 01 de December de 2008 - 19:15
vlw pelas dicas me ajudaram muito

ta muito completo esse material

vlw abraço!
Jv.HTML - 07 de December de 2008 - 17:19
Add meu msn por favor eu gostaria de conversar e tirar várias dúvidas que tenho em relação a html para blogspot:
[email protected]
Tiago - 12 de December de 2008 - 23:52
mto bom, aqui eu sei que vou aprender logo.
elaine cristina pizani - 14 de December de 2008 - 19:53
Coloquei uma imagem de gifs do topo do meu blog(atrás do título do meu blog)gostaria de trocá-la mas não consigo excluí-la de jeito nenhum.
O que devo fazer?
EMANUEL LIMA DE CARVALHO - 08 de February de 2009 - 16:22
Gostei vai me ajudar...
monica angelica ramalho - 04 de March de 2009 - 14:13
dicas importantes,ainda mais p/ inesperientes como
eu...
mauro melodia - 04 de March de 2009 - 15:49
TESTE
marcio marcelo do nascmento sena - 24 de March de 2009 - 07:22
parabens pelo tutorial a simplicidade impressiona e como tudo o que é simples funciona !!!
Point 'Mire-se no alvo' - 02 de April de 2009 - 15:14
massa
Zenóbia Collares Moreira Cunha - 23 de May de 2009 - 18:07
Vou tentar usar a informação. Obrigada.
patrick felipe - 01 de June de 2009 - 01:38
legal cara mando bem valeu mesmo
luana souza neris - 19 de July de 2009 - 12:21
hehehe muitoo bom!
Rosangela Neres - 04 de November de 2009 - 16:00
muito legal as dicas e dar pra fazer algumas coisas com ela.
Fabiola Vasconcelos - 23 de November de 2009 - 17:52
Obrigada pelo mural de recados. Meu blog ficou lindo!
jorge do nascimento - 28 de November de 2009 - 19:04
OBRIGADO ESTOU TENDO PROVEITO DESTE
rosane cunha - 15 de December de 2009 - 14:15
ESTOU ADORANDO AS DICAS
Gleucia Webster - 09 de January de 2010 - 14:32
Ah, como aprendi...
Obrigada.
jucifer dias - 28 de February de 2010 - 18:35
bah tchê valeu ai galerinha!!
maria josé gonçalves - 24 de July de 2010 - 14:56
obg.tô aprendendo c/vcs.estou começando,quero deixar meu blog bem legal conto com a ajuda de vcs...
Monica fernanddes - 06 de December de 2010 - 21:59
Adorei me ajudou muito.
sandra martins macedo - 28 de April de 2011 - 12:52
MEU FICOU SUPER
Dalva Ferreira da Costa Cardoso - 10 de May de 2011 - 23:23
Eu infelizmente não consigo entender direito, fui tentar colocar alguma coisa no html do blog, a coisa ficou no lugar errado e esta la ate hoje eu não consigo tirar, mas vou tentar entender. Grato pla explicação.
José Carlos - 16 de May de 2011 - 11:19
Ma-ra-vi-lha!!!
Diane Lopes - 08 de March de 2012 - 15:20
como colocar um código fonte de comentário no final da página do meu blog. tipo este do site de vcs.
Para adicionar um comentário você deve efetuar o login


Gostou do CódigoFonte.net? Quer indicar a um amigo?
Preencha os campos a seguir.
Seu Nome:
Seu E-mail:
E-mail de seu Amigo:


CodigoFonte.net » Meu Mural » Competiva - Criação de Sites » Todos os Direitos Reservados © 2002/2010