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:
LEGENDA:
- Marcam o início e o fim do código HTML. Ou seja, nada deverá aparecer antes de
nem depois de
.
- Marcam o início e o fim do cabeçalho da página (Note que a palavra "head" significa "cabeça").
- 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.
- 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.
- Para escrever em negrito, escreva seu texto entre essas duas tags.
- Marcam o início e o fim do texto em itálico.
- O que escrevemos entre essas tags aparece sublinhado.
- Para escrever uma palavra riscada no meio.
- Aumenta a fonte do texto que escrevemos entre essas tags.
- Diminui a fonte do texto que escrevemos entre essas tags.
- Insere uma linha horizontal.
- Insere um link para http://www.camyhp.weblogger.com.br e o texto .::CaMy'S HP::. é o que aparece na página.
- 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.
- 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:
- 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...)
- 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).
- 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>.
- Esse diz a cor da fonte usada na página.
- Diga a cor que deseja que os links apareça.
- Esse comando diz a cor do link ativo.
- 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:
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
<HTML><HEAD><BODY><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><HTML></HTML><HEAD> e </HEAD><TITLE> e </TITLE><BODY> e </BODY>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><P><B> e </B><I> e </I><U> e </U><S> e </S><BIG> e </BIG><SMALL> e </SMALL><HR><a href="http://www.camyhp.weblogger.com.br">.::CaMy'S HP::.</a><a href="mailto:camy.fleck@terra.com.br">Camy</a><img src="http://www.camyhp.weblogger.com.br/imagem.jpg">A tag
<BODY>Como você viu na Parte 1, a tag
<BODY></BODY>Dentro dessa tag podem aparecer alguns comandos. Vejamos:
bgcolor="cor"background="imagem.jpg"bgproperties="fixed"text="cor"link="cor"alink="cor"vlink="cor" Exemplos:
<BODY bgcolor="#f8f8f8" text="#fa8e4e" link="#f8cc68" alink="#f8cc68" vlink="#ee8800"> ou
<BODY background="imagem.jpg" text="#fa8e4e" link="#f8cc68" alink="#f8cc68" vlink="#ee8800"> A tag
<FONT>A tag
<FONT></FONT><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!!
0 comentários:
Postar um comentário