Olá! Quarta Feira, 10 de Fevereiro de 2010.

Códigos
- ASP.NET
- ASP
- Cold Fusion
- CGI
- C#
- JavaScript
- Delphi
- PHP
- VB.NET
- VBScript
- XML
Assistentes
- Favoritos
- Botão Direito
- Confirm Box
- Datas
- Caixa de Alerta
- Transições
- Cores em Hexa
- Links
- Outros
Artigos/Dicas
- ASP
- Banco de Dados
- Blogs
- CGI/Perl
- C# (CSharp)
- CSS
- Delphi
- .NET
- Flash
- Front-Page
- HTML
- JavaScript
- PHP
- Python
- Web
- Web 2.0
- Windows
Widgets
Serviços
Expediente
- Anuncie
- Fórum
- Bate-papo
- Orkut
- Twitter
- Divulgue-nos
- Privacidade
- Contato
Parceiros

Conteúdo

Adicionar a Meu favorito

Quarta Feira, 13 de Outubro de 2004

Dicas Para Blogueiros Inexperientes

Tags básicas de estrutra

Existem algumas tags básicas para a estrutura de um blog. Como as tags

<HTML>

<HEAD>

<BODY>

, essas tags simples... Vamos começar com essas, deste jeito:

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

</BODY>
</HTML>

LEGENDA:

<HTML> e </HTML>

- Marcam o início e o fim do código HTML. Ou seja, nada deverá aparecer antes de

<HTML>

nem depois de

</HTML>

<HEAD> e </HEAD>

- Marcam o início e o fim do cabeçalho da página (Note que a palavra "head" significa "cabeça").

<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.

<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:

<BR>

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

<P>

- Quebra de parágrafo. Quando usá-la, ficará uma linha em branco.

<B> e </B>

- Para escrever em negrito, escreva seu texto entre essas duas tags.

<I> e </I>

- Marcam o início e o fim do texto em itálico.

<U> e </U>

- O que escrevemos entre essas tags aparece sublinhado.

<S> e </S>

- Para escrever uma palavra riscada no meio.

<BIG> e </BIG>

- Aumenta a fonte do texto que escrevemos entre essas tags.

<SMALL> e </SMALL>

- Diminui a fonte do texto que escrevemos entre essas tags.

<HR>

- Insere uma linha horizontal.

<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.

<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.

<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
<BODY>

Como você viu na Parte 1, a tag

<BODY>

mostra o início do corpo (ou conteúdo) da sua página, sendo fechada com a tag

</BODY>

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:

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

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

A tag
<FONT>
e formatação de texto

A tag

<FONT>

é utilizada para fazer controle de tamanho da fonte, cor e tipo e é fechada com a tag

</FONT>

. Ela pode conter os seguintes parâmetros:

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

Onde:

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

<FONT FACE="Arial">

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

<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.:

<FONT FACE="Arial" SIZE="2" COLOR="darkpink">

Espero que aproveitem minhas dicas e que elas funcionem!!

Enviar um Artigo

Enviado por: Cahh Fleck

Outros artigos

Assine o Feed desta categoria

Ver mais...

Comentários do artigo [Novo comentário]

beatriz rodrigues delgado - 06 de Agosto de 2008 - 17:45

Obrigada pelas dicas, são muito úteis.

sonia silva - 11 de Agosto de 2008 - 16:01

Olá, Muitíssimo bom. Já vi que vou aprender muito com vcs. Obrigada.

tony casanova junior - 17 de Agosto 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 Agosto de 2008 - 16:45

Excelentes dicas ,obrigada

Rafael Lúcio Pereira Pires - 24 de Agosto de 2008 - 17:09

Dicas perfeitas..muito obrigado!!!

jonas azevedo - 24 de Agosto de 2008 - 19:18

legal, uma pequena atualização :D

Vania Regina Couto Cabral - 06 de Outubro 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 Crispim - 17 de Novembro de 2008 - 10:35

?imo, s?dias preciosas.Muit?imo obrigada.

ivan ferreira - 01 de Dezembro de 2008 - 19:15

vlw pelas dicas me ajudaram muito ta muito completo esse material vlw abraço!

Jv.HTML - 07 de Dezembro 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 Dezembro de 2008 - 23:52

mto bom, aqui eu sei que vou aprender logo.

elaine cristina pizani - 14 de Dezembro 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 Fevereiro de 2009 - 16:22

Gostei vai me ajudar...

monica angelica ramalho - 04 de Março de 2009 - 14:13

dicas importantes,ainda mais p/ inesperientes como eu...

mauro melodia - 04 de Março de 2009 - 15:49

TESTE

marcio marcelo do nascmento sena - 24 de Março de 2009 - 07:22

parabens pelo tutorial a simplicidade impressiona e como tudo o que é simples funciona !!!

Gerson da Rocha Gouveia Neto - 02 de Abril de 2009 - 15:14

massa

Zenóbia Collares Moreira Cunha - 23 de Maio de 2009 - 18:07

Vou tentar usar a informação. Obrigada.