Olá! Saturday, 07 de December de 2024.
- Códigos
- Assistentes
- Artigos/Dicas
- Widgets
- Serviços
- Expediente
- Parceiros
Adicionar a Meu favorito
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".
- 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!!
Existem algumas tags básicas para a estrutura de um blog. Como as tags , , , essas tags simples... Vamos começar com essas, deste jeito:
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 - 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!!
Enviar um Artigo
Enviado por: Cahh Fleck
Outros artigos
Assine o Feed desta categoria 
- Dicas em HTML para criar seu BLOG - 25/07/2004
- Ver mais...
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.
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.
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
: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!
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]
[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?
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...
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.
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
 |
CodigoFonte.net » Meu Mural » Competiva - Criação de Sites » Todos os Direitos Reservados © 2002/2010 |
