Olá! Tuesday, 30 de May de 2017.



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:

  1.      <TITLE>Título do blog</TITLE>
  2. </HEAD>
  3. Coisas do seu blog, como tags do BLOGGER, WEBLOGGER, BLIG, UOL e o perfil...
  4.  
  5. </BODY>
  6. </HTML>


LEGENDA:
  1. <HTML> e </HTML>
- Marcam o início e o fim do código HTML. Ou seja, nada deverá aparecer antes de nem depois de
  1. </HTML>
.
  1. <HEAD> e </HEAD>
- Marcam o início e o fim do cabeçalho da página (Note que a palavra "head" significa "cabeça").
  1. <TITLE> e </TITLE>
- 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.
  1. <BODY> e </BODY>
- 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.
  1. <B> e </B>
- Para escrever em negrito, escreva seu texto entre essas duas tags.
  1. <I> e </I>
- Marcam o início e o fim do texto em itálico.
  1. <U> e </U>
- O que escrevemos entre essas tags aparece sublinhado.
  1. <S> e </S>
- Para escrever uma palavra riscada no meio.
  1. <BIG> e </BIG>
- Aumenta a fonte do texto que escrevemos entre essas tags.
  1. <SMALL> e </SMALL>
- Diminui a fonte do texto que escrevemos entre essas tags.

- Insere uma linha horizontal.
  1. <a href="http://www.camyhp.weblogger.com.br">.::CaMy'S HP::.</a>
- Insere um link para http://www.camyhp.weblogger.com.br e o texto .::CaMy'S HP::. é o que aparece na página.
  1. <a href="mailto:camy.fleck@terra.com.br">Camy</a>
- Insere um link para o email camy.fleck@terra.com.br (abirá automaticamente uma janela do Outlook) e o texto Camy é o que aparece na página.
  1. <img src="http://www.camyhp.weblogger.com.br/imagem.jpg">
- 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
  1. </BODY>

Dentro dessa tag podem aparecer alguns comandos. Vejamos:

  1. 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...)
  1. 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).
  1. 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>.
  1. text="cor"
- Esse diz a cor da fonte usada na página.
  1. link="cor"
- Diga a cor que deseja que os links apareça.
  1. alink="cor"
- Esse comando diz a cor do link ativo.
  1. vlink="cor"
- Esse diz a cor do link já visitado.

Exemplos:

  1. <BODY bgcolor="#f8f8f8" text="#fa8e4e" link="#f8cc68" alink="#f8cc68" vlink="#ee8800">

ou
  1. <BODY background="imagem.jpg" text="#fa8e4e" link="#f8cc68" alink="#f8cc68" vlink="#ee8800">


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
  1. </FONT>
. Ela pode conter os seguintes parâmetros:

  1. <FONT FACE=" " SIZE=" " COLOR=" "> Seu texto aqui </FONT>


Onde:

FACE indica o tipo de fonte a ser usada.
Ex.:
  1. <FONT FACE="Arial">


SIZE indica o tamanho da fonte que pode variar entre 1 e 7.
Ex.:
  1. <FONT FACE="Arial" SIZE="2">


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.:
  1. <FONT FACE="Arial" SIZE="2" COLOR="darkpink">


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:
jvpsousa@hotmail.com
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