0

Emoticons para o seu blog sem prescisar salvar como...hehe

Oi galera estou disponibilizando
o tutoriall pra vcs e o site onde eu peguei
o código bem arrumadinho pra vcs viu!

é só clicar ai em dowloaad e use e abuse...

[[cima]][[baixo]][[banana]][[:O]]



0

Como mudar o fundo de uma imagem no PHOTOSHOP-Videotutorial+Download.



Galera num tem photoshop?faça o dowload abaixo...bjos

                     [[baixo]] [[cima]]

quem numpegar fica com cara de [[banana]]

Não é gratuito, grátis para testar!
0

Númeração na página no blogger-ATUALIZAÇÃO!

Olá galera tudo bom?
bom primeiramente vou dizer que peguei este código no blog Dicas para Blog é s procurar no
Google que aparece lá viu?
Pra começo de conversa vaá em editar HTML...
clique para expandir o modelo, procure por ]]></b:skin> e coloque esse código antes dele:[[ok]]

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd;
}

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}
Agora localize a linha </body> e coloque esse javascript antes dele:

&lt;script type='text/javascript'&gt;
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Voltar';
var downPageWord ='Próxima';
&lt;/script&gt;
&lt;script src='http://www.yourjavascript.com/19425042120/pagenav.js' type='text/javascript'&gt;&lt;/script&gt;


Essa linha var postperpage=7; define o numero de postagens por pagina

E para terminar procure por 'data:label.url' no código html inteiro do seu blog por e substitua todos eles por:

'data:label.url + &quot;?&amp;max-results=7&quot;'


Gostaram? então clique na imagem á seguir e acesse o blog bombástico tchau tchau...[[baixo]]


0

Efeito Fake no Photoscape










Bom galera pra baixar o photoscape é só clicar em download embaixo...
Bjos até mais...



0

Como colocar link numa imagem no post-NOVA VERSÃO!

Oi galera tudo bem?
Bom se estavão procurando isto acharam viu?


-Bom, primeiro vá no seu site que deseja pegar o http tá?
-Depois, abra o seu post e adicione a imagem que vc deseja que tenha o link
-Clique na imagem e clicke em link lá em cima na barra de postagem nova...
-Se vc tiver a velha colocarei um tutorial tbm como fazer tá bom?
-Bom ai vc coloca o link que ao clicar na imagem
-Cliquem na imagem á seguir que é acesse e vá direto á um site de jhogos blz?
beijos até mais...


1

Como colocar o video do youtube direto no blog...

1

Como colocar bandeira de times no nick do MSN?

Como colocar bandeira de times no nick (nome de usuário) do MSN?

1. Com o seu MSN aberto, clique na opção Ferramentas > Opções > Pessoal
2- Na parte onde está escrito seu nome e Nick coloque o seguinte código de acordo com a bandeira do time desejado. Você pode colocar seu nome junto ao código, e pode botar quantas bandeiras quiser. Mas aconselho a fazer a edição do código usando o Blocos de Notas do seu PC. Fica mais fácil de copiar e colar.

Códigos de bandeiras de times de futebol para o nick nome de usuários do MSN:

Botafogo –» ·$,1·$1||·$,16·$16||·$1·$,1||·0
Coritiba –» .$,3·$3||·$,16·$16||·$3·$,3||·0
Cruzeiro –» ·$,12·$12||·$,16·$16||·$12·$,12||·0
Figueirense –» ·$,1·$1||·$,16·$16||·$3·$,3||·0
Flamengo –» ·$,1·$1||·$,4·$4||·$1·$,1||·0
Fluminense –» ·$,5·$5||·$,16·$16||·$,3·$3||·0
Goiás –» ·$,3·$3||·$,16·$16||·$3·$,3||·0
Grêmio –» ·$,12·$12||·$,16·$16||·$2·$,2||·0
Internacional–» ·$,4·$4||·$,16·$16||·$4·$,4||·0
Ipatinga –» ·$,3·$3||·$,4·$4||·$12·$,12||·0
Náutico –» ·$,16·$16||·$,4·$4||·$16·$,16||·0
Palmeiras –» ·$,3·$3||·$,16·$16||·$3·$,3||·0
Portuguesa –» ·$,4·$4||·$,16·$16||·$3·$,3||·0
Santos –» ·$,1·$1||·$,16·$16||·$1·$,1||·0
São Paulo –» .$,1·$1||·$,16·$16||·$4·$,4||·0
Sport –» ·$,46·$46||·$,1·$1||·$51·$,51||·0
Vasco –» ·$,4·$4||·$,16·$16||·$1·$,1||·0
Vitória –» ·$,4·$4||·$,1·$1||·$4·$,4||·0
ABC-RN -» ·$1·$,1||·$,16·$16||·$,1·$1||·0
América-RN -» ·$4·$,4||·$,16·$16||·$,4·$4||·0
Avaí-SC -» ·$12·$,12||·$,16·$16||·$,12·$12||·0
Bahia -» ·$4·$,4||·$,16·$16||·$,12·$12||·0
Barueri-SP -» ·$4·$,4||·$,8·$8||·$,12·$12||·0
Bragantino -» ·$1·$,1||·$,16·$16||·$,1·$1||·0
Brasiliense- -» ·$8·$,8||·$,16·$16||·$,3·$3||·0
Ceará -» ·$1·$,1||·$,16·$16||·$,1·$1||·0
Corinthians -» ·$1·$,1||·$,16·$16||·$,1·$1|| ou ·$16·$,16||·$,1·$1||·$,16·$16||·0
CRB-AL -» ·$4·$,4||·$,16·$16||·$,4·$4||·0
Criciúma-SC -» ·$1·$,1||·$,16·$16||·$,8·$8||·0
Fortaleza -» ·$12·$,12||·$,16·$16||·$,4·$4||·0
Gama-DF -» ·$3·$,3||·$,16·$16||·$,3·$3||·0
Juventude- -» ·$3·$,3||·$,16·$16||·$,3·$3||·0
Marília-SP -» ·$12·$,12||·$,16·$16||·$,12·$12||·0
Paraná -» ·$4·$,4||·$,16·$16||·$,12·$12||·0
Ponte Preta- ·$1·$,1||·$,16·$16||·$,1·$1||·0
Santo André -» ·$8·$,8||·$,3·$3||·$,8·$8||·0
São Caetano- -» ·$12·$,12||·$,4·$4||·$,12·$12||·0
Vila Nova-GO -» ·$4·$,4||·$,16·$16||·$,4·$4||·0
Brasil -» ·$,3·$3||·$,8·$8||·$12·$,12||·0
Reggae -» ·$,4·$4||·$,8·$8||·$,3·$3||·0
EUA -» ·$,2·$2||·$,4·$4||·$16·$,16||·0
Inglatera » ·$,16·$16||·$,4·$4||·$,16·$16||·0


Mais informações e atualizações para msn vá na nossa página do msn...bjos
0

Como personalizar o seu FIREFOX!

0

Como personalizar seu MSN.



Mais explicações e novas atualizações para msn...
0

Script- quantas vezes alguem visitou o seu blog? este blog tem!

Esse script mostra para o visitante quantas vezes ele já foi no seu blog/site
 Cole entre as TAGS <HEAD> e </HEAD> na sua página onde você quer que apareça




Exemplo:
  Você visitou meu site 1 vezes.

0

Como deixar o sub do MSN colorido...

Bom galera, isto é muito fácil mais á pedidos estamos colocando...

igual ao seu nome prescisa de códigos e estes códigos são assim:

[      ]  entre estes colchetes, parenteses sei lá coloca-se assim:
[c=4] exemplo! ai seu sub fica vermelho...
 Mais no final coloque [/c] para ficar corretamente!

lembrando que pode ser qualquer número!

Exemplo de Sub:

[c=4] Eu visito o "Dona de Comunidades" ! [/c]

Beleza? beijos e comenteem!

Na página MSN tem os numeros das cores...
0

Template bolinhas azuis...

aqui

vc edita o que vc quiser masi o principal é o nome que tá lá em cima tábom?

bijinhos
0

HTML Básico



HTML Básico
Publicado em: 28/04/2003
Compartilhe
Como funciona uma página?
O espaço para sua página na Internet fica em um computador, onde estão todos os seus arquivos de HTML, som, imagem, etc. O computador onde fica a sua home page é chamado de Servidor, pois a qualquer hora do dia ou da noite ele vai estar ligado para as pessoas poderem acessar sua home page.
Quando a pessoa entra na sua home page, ela está acessando este espaço. As páginas são feitas usando a linguagem HTML (HyperText Markup Language). Trata-se de uma linguagem simples e bem leve, por isso ela é o padrão da Internet. Nas páginas você coloca sons, imagens, cores.
Além disso, as páginas da Web podem ser ligadas entre si, formando o que se chama de Link. Com isso, você pode criar uma página sobre um assunto que lhe agrade a partir de uma outra, com sua foto e um link entre elas. Quando uma pessoa clica neste link, ela vai diretamente para aquela página que você definiu.
Vamos passar agora às aulas de HTML para você poder começar a construir seu site. Para visualizar as páginas é necessário um navegador. Os mais conhecidos e utilizados são o Internet Explorer e o Netscape.
Estes navegadores fazem basicamente a mesma coisa - mostrar as páginas -, mas devido a algumas diferenças de programação, alguns recursos são visíveis em um e no outro não. O mesmo acontece com versões mais antigas. Navegadores versão 3 não conseguem mostrar uma página HTML corretamente. Por isso, durante a construção do seu site, procure testá-lo nos dois navegadores para verificar se a visualização está correta.
Introdução ao HTML
Todo documento HTML é composto de Tags. Este é o nome dados aos comandos HTML. Você deve começar sua página com a tag <HTML>, na primeira linha do código, e terminar com </HTML> na última linha do documento. Perceba que a barra "/" sinaliza o fechamento da tag. Este fechamento é necessário para que ela possa ser interpretada pelo navegador. A estrutura das tags é formada por:
<xxx>: Este é o inicio da tag;*
</xxx>: Este é o fechamento da tag para que ela possa funcionar.**
* xxx é apenas uma representação de uma tag, não é uma tag HTML.
** Algumas tags não necessitam do fechamento. Neste caso você será avisado.
Entre o início da tag e o seu fechamento ficam os textos, parâmetros, atributos e até outras tags que vão formando a sua página. Se você não fechar corretamente as tags, a página não irá ser mostrada direito ou nem mesmo irá aparecer.
Após iniciar o documento com a tag <HTML> você deve incluir o cabeçalho que é feito com as tags <HEAD> </HEAD>. E também um título usando o par <TITLE> ... </TITLE>. Geralmente, o título não é mostrado na página, porém os navegadores o utilizam para entitular a janela de visualização. Coloque um título bem claro e explicativo para seus documentos.
- A tag <BODY>
O "corpo" do documento deve ser demarcado pelo par <BODY> ... </BODY>. Nesta parte do documento serão colocados todos os comandos para apresentação de uma página HTML. Entre as tags <BODY> e </BODY> é que você vai colocar todos os códigos para sua página.
Um documento simples seria digitado da seguinte maneira:
<HTML>
<HEAD>
<TITLE> Meu documento HTML </TITLE>
</HEAD>
<BODY>
Aqui você coloca os comandos em HTML.
</BODY>
</HTML>


Os espaços em branco são ignorados quando o navegador "lê" o código. Assim o código acima poderia ser escrito da seguinte forma:


<HTML><HEAD><TITLE> Meu documento HTML </TITLE></HEAD><BODY>Aqui você coloca os comandos em HTML.</BODY></HTML>


A vantagem é que isto economiza espaço em disco, mas é uma maneira muito confusa e relaxada de programar. Acostume-se a organizar seus programas para poder entendê-los posteriormente.


- Atributos do <BODY>


Através de atributos de <BODY>, podemos definir cores para os textos, links e para o fundo das páginas, bem como uma imagem de fundo (papel de parede da página):


<BODY BGCOLOR="cor" TEXT="cor" LINK="cor" ALINK="cor" VLINK="cor" BACKGROUND="imagem que vai aparecer">


Onde:


- BGCOLOR
Cor de fundo (padrão: cinza ou branco)


- TEXT
Cor dos textos da página (padrão: preto)


- LINK
Cor dos links (padrão: azul)


- ALINK
Cor dos links, quando acionados (padrão: vermelho)


- VLINK
Cor dos links, depois de visitados (padrão: azul escuro ou roxo)


- BACKGROUND
Imagem de fundo. Saiba como colocar uma imagem de fundo clicando aqui.


Em "cor", você pode colocar os valores de cores em inglês como:


Preto = black
Branco = white
Azul = blue
Amarelo = yellow
Vermelho = red


Você também pode usar o valor hexadecimal de cores ou "RRGGBB", que é a forma mais comum de definir cores usadas na Internet.. Com isso você pode colocar em sua página outras cores diferentes, como um azul-claro. Para isso você deve ter o código das cores, e no lugar de escrever o nome da cor em inglês, você coloca o valor da cor


Algumas cores disponíveis RRGGBB (hexadecimal):


Cor - Código HTML
PRETO - #000000
BRANCO - #FFFFFF
VERMELHO - #FF0000
VERDE - #00FF00
AZUL - #0000FF
ROSA - #FF00FF
AMARELO - #FFFF00


Agora que você já aprendeu como é o arquivo HTML básico , pode começar a ver tags. Elas ficam após o comando <BODY> , no meio do seu texto. Após <BODY> você já pode começar a escrever o que quiser. Há duas formas de formatar o seu texto:


- Tags de título <H> - "Headings"


Com elas você pode apenas definir o tamanho das letras, mas não o tipo de fontes. Veja agora como ficam as tags "headings" para cabeçalhos que vão do tamanho 1 até 6.


<H1> Este é o primeiro nível </H1>
<H2> Este é o segundo nível </H2>
<H3> Este é o terceiro nível </H3>
<H4> Este é o quarto nível </H4>
<H5> Este é o quinto nível </H5>
<H6> Este é o sexto nível </H6>


Este é o primeiro nível

Este é o segundo nível

Este é o terceiro nível

Este é o quarto nível

Este é o quinto nível
Este é o sexto nível


- Tag <FONT>


- Você pode também usar as tags de fonte no lugar das tags de "headings". Este tipo de tag é a mais usada, pois você pode definir mais facilmente o tamanho do texto e fonte que você deseja, e personalizar ainda mais a sua página. A tag é <FONT>, e dentro dela você pode definir vários parâmetros, como cor, tamanho e tipo de letra. Veja agora como usar as tags de fontes:


- Atributo FACE


- FACE:
Uma evolução que permite a escolha da fonte (tipo de letra) para os textos, a tag é feita assim:


<FONT FACE=fonte_da_letra>Texto</FONT>


Exemplo:


<FONT FACE=Times>Fonte Times New Roman </FONT>
Fonte Times New Roman


<FONT FACE=Arial>Fonte Arial </FONT>
Fonte Arial


<FONT FACE=Courier>Fonte Courier New </FONT>
Fonte Courier New


- Atributo COLOR e SIZE


- COLOR e SIZE:
Atributos cor e tamanho:


<font size="3"> A palavra terá o tamanho 3</font>
A palavra terá o tamanho 3


<font color="red"> A palavra terá a cor vermelha </font>
A palavra terá a cor vermelha.


Podemos também combinar as tags acima:


<font face="Arial" size="2" color="red">Palavra com tamanho 3 e em vermelho </font>


O resultado final será:
Palavra com tamanho 3 e em vermelho Formatando textos
Você pode formatar o texto, colocando-o em negrito, itálico, sublinhado e centralizado. Assim:


- Tags <B> , <U> , <I> e <CENTER>
<B> Texto </B> - Texto fica em Negrito.


<U> Texto </U> - Texto Sublinhado.


<I> Texto </I> - Texto em Itálico.



<CENTER> Texto </CENTER> Texto centralizado.

Os códigos também podem ser escritos uns sobre os outros, acumulando seus efeitos, como por exemplo:


<CENTER><B><U>Teste 1</U> <I>e</I> Teste 2</B></CENTER>


O resultado é:



Teste 1 e Teste 2
Parágrafos
- Tag <P> - Parágrafos:


Em HTML são necessários comandos para definir parágrafos. Não basta você simplesmente pressionar "ENTER" para que a linha vá para baixo, como em editores de texto comuns. Você terá que colocar uma tag para um parágrafo ou para uma linha nova.


Para fazer um parágrafo novo, basta colocar a tag <P>. Por exemplo, escreva no editor o seguinte, deste jeito:


Parágrafo 1<P>Parágrafo 2.


O resultado será este:


Parágrafo 1


Parágrafo 2


- Tag <BR> - Linhas


Como você pode ver, o navegador mesmo faz um parágrafo novo cada vez que você coloca esta tag. Caso você queira simplesmente mudar de linha, ao invés de mudar de parágrafo, coloque a tag <BR>. Por exemplo, escreva:


Parágrafo 1<BR>Linha 1<P>Parágrafo 2<BR>Linha 2.
O resultado será este:


Parágrafo 1
Linha 1


HTML Básico
Publicado em: 28/04/2003
Compartilhe
Como funciona uma página?
O espaço para sua página na Internet fica em um computador, onde estão todos os seus arquivos de HTML, som, imagem, etc. O computador onde fica a sua home page é chamado de Servidor, pois a qualquer hora do dia ou da noite ele vai estar ligado para as pessoas poderem acessar sua home page.
Quando a pessoa entra na sua home page, ela está acessando este espaço. As páginas são feitas usando a linguagem HTML (HyperText Markup Language). Trata-se de uma linguagem simples e bem leve, por isso ela é o padrão da Internet. Nas páginas você coloca sons, imagens, cores.
Além disso, as páginas da Web podem ser ligadas entre si, formando o que se chama de Link. Com isso, você pode criar uma página sobre um assunto que lhe agrade a partir de uma outra, com sua foto e um link entre elas. Quando uma pessoa clica neste link, ela vai diretamente para aquela página que você definiu.
Vamos passar agora às aulas de HTML para você poder começar a construir seu site. Para visualizar as páginas é necessário um navegador. Os mais conhecidos e utilizados são o Internet Explorer e o Netscape.
Estes navegadores fazem basicamente a mesma coisa - mostrar as páginas -, mas devido a algumas diferenças de programação, alguns recursos são visíveis em um e no outro não. O mesmo acontece com versões mais antigas. Navegadores versão 3 não conseguem mostrar uma página HTML corretamente. Por isso, durante a construção do seu site, procure testá-lo nos dois navegadores para verificar se a visualização está correta.
Introdução ao HTML
Todo documento HTML é composto de Tags. Este é o nome dados aos comandos HTML. Você deve começar sua página com a tag <HTML>, na primeira linha do código, e terminar com </HTML> na última linha do documento. Perceba que a barra "/" sinaliza o fechamento da tag. Este fechamento é necessário para que ela possa ser interpretada pelo navegador. A estrutura das tags é formada por:
<xxx>: Este é o inicio da tag;*
</xxx>: Este é o fechamento da tag para que ela possa funcionar.**
* xxx é apenas uma representação de uma tag, não é uma tag HTML.
** Algumas tags não necessitam do fechamento. Neste caso você será avisado.
Entre o início da tag e o seu fechamento ficam os textos, parâmetros, atributos e até outras tags que vão formando a sua página. Se você não fechar corretamente as tags, a página não irá ser mostrada direito ou nem mesmo irá aparecer.
Após iniciar o documento com a tag <HTML> você deve incluir o cabeçalho que é feito com as tags <HEAD> </HEAD>. E também um título usando o par <TITLE> ... </TITLE>. Geralmente, o título não é mostrado na página, porém os navegadores o utilizam para entitular a janela de visualização. Coloque um título bem claro e explicativo para seus documentos.
- A tag <BODY>
O "corpo" do documento deve ser demarcado pelo par <BODY> ... </BODY>. Nesta parte do documento serão colocados todos os comandos para apresentação de uma página HTML. Entre as tags <BODY> e </BODY> é que você vai colocar todos os códigos para sua página.
Um documento simples seria digitado da seguinte maneira:
<HTML>
<HEAD>
<TITLE> Meu documento HTML </TITLE>
</HEAD>
<BODY>
Aqui você coloca os comandos em HTML.
</BODY>
</HTML>


Os espaços em branco são ignorados quando o navegador "lê" o código. Assim o código acima poderia ser escrito da seguinte forma:


<HTML><HEAD><TITLE> Meu documento HTML </TITLE></HEAD><BODY>Aqui você coloca os comandos em HTML.</BODY></HTML>


A vantagem é que isto economiza espaço em disco, mas é uma maneira muito confusa e relaxada de programar. Acostume-se a organizar seus programas para poder entendê-los posteriormente.


- Atributos do <BODY>


Através de atributos de <BODY>, podemos definir cores para os textos, links e para o fundo das páginas, bem como uma imagem de fundo (papel de parede da página):


<BODY BGCOLOR="cor" TEXT="cor" LINK="cor" ALINK="cor" VLINK="cor" BACKGROUND="imagem que vai aparecer">


Onde:


- BGCOLOR
Cor de fundo (padrão: cinza ou branco)


- TEXT
Cor dos textos da página (padrão: preto)


- LINK
Cor dos links (padrão: azul)


- ALINK
Cor dos links, quando acionados (padrão: vermelho)


- VLINK
Cor dos links, depois de visitados (padrão: azul escuro ou roxo)


- BACKGROUND
Imagem de fundo. Saiba como colocar uma imagem de fundo clicando aqui.


Em "cor", você pode colocar os valores de cores em inglês como:


Preto = black
Branco = white
Azul = blue
Amarelo = yellow
Vermelho = red


Você também pode usar o valor hexadecimal de cores ou "RRGGBB", que é a forma mais comum de definir cores usadas na Internet.. Com isso você pode colocar em sua página outras cores diferentes, como um azul-claro. Para isso você deve ter o código das cores, e no lugar de escrever o nome da cor em inglês, você coloca o valor da cor


Algumas cores disponíveis RRGGBB (hexadecimal):


Cor - Código HTML
PRETO - #000000
BRANCO - #FFFFFF
VERMELHO - #FF0000
VERDE - #00FF00
AZUL - #0000FF
ROSA - #FF00FF
AMARELO - #FFFF00


Agora que você já aprendeu como é o arquivo HTML básico , pode começar a ver tags. Elas ficam após o comando <BODY> , no meio do seu texto. Após <BODY> você já pode começar a escrever o que quiser. Há duas formas de formatar o seu texto:


- Tags de título <H> - "Headings"


Com elas você pode apenas definir o tamanho das letras, mas não o tipo de fontes. Veja agora como ficam as tags "headings" para cabeçalhos que vão do tamanho 1 até 6.


<H1> Este é o primeiro nível </H1>
<H2> Este é o segundo nível </H2>
<H3> Este é o terceiro nível </H3>
<H4> Este é o quarto nível </H4>
<H5> Este é o quinto nível </H5>
<H6> Este é o sexto nível </H6>


Este é o primeiro nível

Este é o segundo nível

Este é o terceiro nível

Este é o quarto nível

Este é o quinto nível
Este é o sexto nível


- Tag <FONT>


- Você pode também usar as tags de fonte no lugar das tags de "headings". Este tipo de tag é a mais usada, pois você pode definir mais facilmente o tamanho do texto e fonte que você deseja, e personalizar ainda mais a sua página. A tag é <FONT>, e dentro dela você pode definir vários parâmetros, como cor, tamanho e tipo de letra. Veja agora como usar as tags de fontes:


- Atributo FACE


- FACE:
Uma evolução que permite a escolha da fonte (tipo de letra) para os textos, a tag é feita assim:


<FONT FACE=fonte_da_letra>Texto</FONT>


Exemplo:


<FONT FACE=Times>Fonte Times New Roman </FONT>
Fonte Times New Roman


<FONT FACE=Arial>Fonte Arial </FONT>
Fonte Arial


<FONT FACE=Courier>Fonte Courier New </FONT>
Fonte Courier New


- Atributo COLOR e SIZE


- COLOR e SIZE:
Atributos cor e tamanho:


<font size="3"> A palavra terá o tamanho 3</font>
A palavra terá o tamanho 3


<font color="red"> A palavra terá a cor vermelha </font>
A palavra terá a cor vermelha.


Podemos também combinar as tags acima:


<font face="Arial" size="2" color="red">Palavra com tamanho 3 e em vermelho </font>


O resultado final será:
Palavra com tamanho 3 e em vermelho Formatando textos
Você pode formatar o texto, colocando-o em negrito, itálico, sublinhado e centralizado. Assim:


- Tags <B> , <U> , <I> e <CENTER>
<B> Texto </B> - Texto fica em Negrito.


<U> Texto </U> - Texto Sublinhado.


<I> Texto </I> - Texto em Itálico.



<CENTER> Texto </CENTER> Texto centralizado.

Os códigos também podem ser escritos uns sobre os outros, acumulando seus efeitos, como por exemplo:


<CENTER><B><U>Teste 1</U> <I>e</I> Teste 2</B></CENTER>


O resultado é:



Teste 1 e Teste 2
Parágrafos
- Tag <P> - Parágrafos:


Em HTML são necessários comandos para definir parágrafos. Não basta você simplesmente pressionar "ENTER" para que a linha vá para baixo, como em editores de texto comuns. Você terá que colocar uma tag para um parágrafo ou para uma linha nova.


Para fazer um parágrafo novo, basta colocar a tag <P>. Por exemplo, escreva no editor o seguinte, deste jeito:


Parágrafo 1<P>Parágrafo 2.


O resultado será este:


Parágrafo 1


Parágrafo 2


- Tag <BR> - Linhas


Como você pode ver, o navegador mesmo faz um parágrafo novo cada vez que você coloca esta tag. Caso você queira simplesmente mudar de linha, ao invés de mudar de parágrafo, coloque a tag <BR>. Por exemplo, escreva:


Parágrafo 1<BR>Linha 1<P>Parágrafo 2<BR>Linha 2.
O resultado será este:


Parágrafo 1
Linha 1


HTML Básico
Publicado em: 28/04/2003
Compartilhe
Como funciona uma página?
O espaço para sua página na Internet fica em um computador, onde estão todos os seus arquivos de HTML, som, imagem, etc. O computador onde fica a sua home page é chamado de Servidor, pois a qualquer hora do dia ou da noite ele vai estar ligado para as pessoas poderem acessar sua home page.
Quando a pessoa entra na sua home page, ela está acessando este espaço. As páginas são feitas usando a linguagem HTML (HyperText Markup Language). Trata-se de uma linguagem simples e bem leve, por isso ela é o padrão da Internet. Nas páginas você coloca sons, imagens, cores.
Além disso, as páginas da Web podem ser ligadas entre si, formando o que se chama de Link. Com isso, você pode criar uma página sobre um assunto que lhe agrade a partir de uma outra, com sua foto e um link entre elas. Quando uma pessoa clica neste link, ela vai diretamente para aquela página que você definiu.
Vamos passar agora às aulas de HTML para você poder começar a construir seu site. Para visualizar as páginas é necessário um navegador. Os mais conhecidos e utilizados são o Internet Explorer e o Netscape.
Estes navegadores fazem basicamente a mesma coisa - mostrar as páginas -, mas devido a algumas diferenças de programação, alguns recursos são visíveis em um e no outro não. O mesmo acontece com versões mais antigas. Navegadores versão 3 não conseguem mostrar uma página HTML corretamente. Por isso, durante a construção do seu site, procure testá-lo nos dois navegadores para verificar se a visualização está correta.
Introdução ao HTML
Todo documento HTML é composto de Tags. Este é o nome dados aos comandos HTML. Você deve começar sua página com a tag <HTML>, na primeira linha do código, e terminar com </HTML> na última linha do documento. Perceba que a barra "/" sinaliza o fechamento da tag. Este fechamento é necessário para que ela possa ser interpretada pelo navegador. A estrutura das tags é formada por:
<xxx>: Este é o inicio da tag;*
</xxx>: Este é o fechamento da tag para que ela possa funcionar.**
* xxx é apenas uma representação de uma tag, não é uma tag HTML.
** Algumas tags não necessitam do fechamento. Neste caso você será avisado.
Entre o início da tag e o seu fechamento ficam os textos, parâmetros, atributos e até outras tags que vão formando a sua página. Se você não fechar corretamente as tags, a página não irá ser mostrada direito ou nem mesmo irá aparecer.
Após iniciar o documento com a tag <HTML> você deve incluir o cabeçalho que é feito com as tags <HEAD> </HEAD>. E também um título usando o par <TITLE> ... </TITLE>. Geralmente, o título não é mostrado na página, porém os navegadores o utilizam para entitular a janela de visualização. Coloque um título bem claro e explicativo para seus documentos.
- A tag <BODY>
O "corpo" do documento deve ser demarcado pelo par <BODY> ... </BODY>. Nesta parte do documento serão colocados todos os comandos para apresentação de uma página HTML. Entre as tags <BODY> e </BODY> é que você vai colocar todos os códigos para sua página.
Um documento simples seria digitado da seguinte maneira:
<HTML>
<HEAD>
<TITLE> Meu documento HTML </TITLE>
</HEAD>
<BODY>
Aqui você coloca os comandos em HTML.
</BODY>
</HTML>


Os espaços em branco são ignorados quando o navegador "lê" o código. Assim o código acima poderia ser escrito da seguinte forma:


<HTML><HEAD><TITLE> Meu documento HTML </TITLE></HEAD><BODY>Aqui você coloca os comandos em HTML.</BODY></HTML>


A vantagem é que isto economiza espaço em disco, mas é uma maneira muito confusa e relaxada de programar. Acostume-se a organizar seus programas para poder entendê-los posteriormente.


- Atributos do <BODY>


Através de atributos de <BODY>, podemos definir cores para os textos, links e para o fundo das páginas, bem como uma imagem de fundo (papel de parede da página):


<BODY BGCOLOR="cor" TEXT="cor" LINK="cor" ALINK="cor" VLINK="cor" BACKGROUND="imagem que vai aparecer">


Onde:


- BGCOLOR
Cor de fundo (padrão: cinza ou branco)


- TEXT
Cor dos textos da página (padrão: preto)


- LINK
Cor dos links (padrão: azul)


- ALINK
Cor dos links, quando acionados (padrão: vermelho)


- VLINK
Cor dos links, depois de visitados (padrão: azul escuro ou roxo)


- BACKGROUND
Imagem de fundo. Saiba como colocar uma imagem de fundo clicando aqui.


Em "cor", você pode colocar os valores de cores em inglês como:


Preto = black
Branco = white
Azul = blue
Amarelo = yellow
Vermelho = red


Você também pode usar o valor hexadecimal de cores ou "RRGGBB", que é a forma mais comum de definir cores usadas na Internet.. Com isso você pode colocar em sua página outras cores diferentes, como um azul-claro. Para isso você deve ter o código das cores, e no lugar de escrever o nome da cor em inglês, você coloca o valor da cor


Algumas cores disponíveis RRGGBB (hexadecimal):


Cor - Código HTML
PRETO - #000000
BRANCO - #FFFFFF
VERMELHO - #FF0000
VERDE - #00FF00
AZUL - #0000FF
ROSA - #FF00FF
AMARELO - #FFFF00


Agora que você já aprendeu como é o arquivo HTML básico , pode começar a ver tags. Elas ficam após o comando <BODY> , no meio do seu texto. Após <BODY> você já pode começar a escrever o que quiser. Há duas formas de formatar o seu texto:


- Tags de título <H> - "Headings"


Com elas você pode apenas definir o tamanho das letras, mas não o tipo de fontes. Veja agora como ficam as tags "headings" para cabeçalhos que vão do tamanho 1 até 6.


<H1> Este é o primeiro nível </H1>
<H2> Este é o segundo nível </H2>
<H3> Este é o terceiro nível </H3>
<H4> Este é o quarto nível </H4>
<H5> Este é o quinto nível </H5>
<H6> Este é o sexto nível </H6>


Este é o primeiro nível

Este é o segundo nível

Este é o terceiro nível

Este é o quarto nível

Este é o quinto nível
Este é o sexto nível


- Tag <FONT>


- Você pode também usar as tags de fonte no lugar das tags de "headings". Este tipo de tag é a mais usada, pois você pode definir mais facilmente o tamanho do texto e fonte que você deseja, e personalizar ainda mais a sua página. A tag é <FONT>, e dentro dela você pode definir vários parâmetros, como cor, tamanho e tipo de letra. Veja agora como usar as tags de fontes:


- Atributo FACE


- FACE:
Uma evolução que permite a escolha da fonte (tipo de letra) para os textos, a tag é feita assim:


<FONT FACE=fonte_da_letra>Texto</FONT>


Exemplo:


<FONT FACE=Times>Fonte Times New Roman </FONT>
Fonte Times New Roman


<FONT FACE=Arial>Fonte Arial </FONT>
Fonte Arial


<FONT FACE=Courier>Fonte Courier New </FONT>
Fonte Courier New


- Atributo COLOR e SIZE


- COLOR e SIZE:
Atributos cor e tamanho:


<font size="3"> A palavra terá o tamanho 3</font>
A palavra terá o tamanho 3


<font color="red"> A palavra terá a cor vermelha </font>
A palavra terá a cor vermelha.


Podemos também combinar as tags acima:


<font face="Arial" size="2" color="red">Palavra com tamanho 3 e em vermelho </font>


O resultado final será:
Palavra com tamanho 3 e em vermelho Formatando textos
Você pode formatar o texto, colocando-o em negrito, itálico, sublinhado e centralizado. Assim:


- Tags <B> , <U> , <I> e <CENTER>
<B> Texto </B> - Texto fica em Negrito.


<U> Texto </U> - Texto Sublinhado.


<I> Texto </I> - Texto em Itálico.



<CENTER> Texto </CENTER> Texto centralizado.

Os códigos também podem ser escritos uns sobre os outros, acumulando seus efeitos, como por exemplo:


<CENTER><B><U>Teste 1</U> <I>e</I> Teste 2</B></CENTER>


O resultado é:



Teste 1 e Teste 2
Parágrafos
- Tag <P> - Parágrafos:


Em HTML são necessários comandos para definir parágrafos. Não basta você simplesmente pressionar "ENTER" para que a linha vá para baixo, como em editores de texto comuns. Você terá que colocar uma tag para um parágrafo ou para uma linha nova.


Para fazer um parágrafo novo, basta colocar a tag <P>. Por exemplo, escreva no editor o seguinte, deste jeito:


Parágrafo 1<P>Parágrafo 2.


O resultado será este:


Parágrafo 1


Parágrafo 2


- Tag <BR> - Linhas


Como você pode ver, o navegador mesmo faz um parágrafo novo cada vez que você coloca esta tag. Caso você queira simplesmente mudar de linha, ao invés de mudar de parágrafo, coloque a tag <BR>. Por exemplo, escreva:


Parágrafo 1<BR>Linha 1<P>Parágrafo 2<BR>Linha 2.
O resultado será este:


Parágrafo 1
Linha 1


HTML Básico
Publicado em: 28/04/2003
Compartilhe
Como funciona uma página?
O espaço para sua página na Internet fica em um computador, onde estão todos os seus arquivos de HTML, som, imagem, etc. O computador onde fica a sua home page é chamado de Servidor, pois a qualquer hora do dia ou da noite ele vai estar ligado para as pessoas poderem acessar sua home page.
Quando a pessoa entra na sua home page, ela está acessando este espaço. As páginas são feitas usando a linguagem HTML (HyperText Markup Language). Trata-se de uma linguagem simples e bem leve, por isso ela é o padrão da Internet. Nas páginas você coloca sons, imagens, cores.
Além disso, as páginas da Web podem ser ligadas entre si, formando o que se chama de Link. Com isso, você pode criar uma página sobre um assunto que lhe agrade a partir de uma outra, com sua foto e um link entre elas. Quando uma pessoa clica neste link, ela vai diretamente para aquela página que você definiu.
Vamos passar agora às aulas de HTML para você poder começar a construir seu site. Para visualizar as páginas é necessário um navegador. Os mais conhecidos e utilizados são o Internet Explorer e o Netscape.
Estes navegadores fazem basicamente a mesma coisa - mostrar as páginas -, mas devido a algumas diferenças de programação, alguns recursos são visíveis em um e no outro não. O mesmo acontece com versões mais antigas. Navegadores versão 3 não conseguem mostrar uma página HTML corretamente. Por isso, durante a construção do seu site, procure testá-lo nos dois navegadores para verificar se a visualização está correta.
Introdução ao HTML
Todo documento HTML é composto de Tags. Este é o nome dados aos comandos HTML. Você deve começar sua página com a tag <HTML>, na primeira linha do código, e terminar com </HTML> na última linha do documento. Perceba que a barra "/" sinaliza o fechamento da tag. Este fechamento é necessário para que ela possa ser interpretada pelo navegador. A estrutura das tags é formada por:
<xxx>: Este é o inicio da tag;*
</xxx>: Este é o fechamento da tag para que ela possa funcionar.**
* xxx é apenas uma representação de uma tag, não é uma tag HTML.
** Algumas tags não necessitam do fechamento. Neste caso você será avisado.
Entre o início da tag e o seu fechamento ficam os textos, parâmetros, atributos e até outras tags que vão formando a sua página. Se você não fechar corretamente as tags, a página não irá ser mostrada direito ou nem mesmo irá aparecer.
Após iniciar o documento com a tag <HTML> você deve incluir o cabeçalho que é feito com as tags <HEAD> </HEAD>. E também um título usando o par <TITLE> ... </TITLE>. Geralmente, o título não é mostrado na página, porém os navegadores o utilizam para entitular a janela de visualização. Coloque um título bem claro e explicativo para seus documentos.
- A tag <BODY>
O "corpo" do documento deve ser demarcado pelo par <BODY> ... </BODY>. Nesta parte do documento serão colocados todos os comandos para apresentação de uma página HTML. Entre as tags <BODY> e </BODY> é que você vai colocar todos os códigos para sua página.
Um documento simples seria digitado da seguinte maneira:
<HTML>
<HEAD>
<TITLE> Meu documento HTML </TITLE>
</HEAD>
<BODY>
Aqui você coloca os comandos em HTML.
</BODY>
</HTML>


Os espaços em branco são ignorados quando o navegador "lê" o código. Assim o código acima poderia ser escrito da seguinte forma:


<HTML><HEAD><TITLE> Meu documento HTML </TITLE></HEAD><BODY>Aqui você coloca os comandos em HTML.</BODY></HTML>


A vantagem é que isto economiza espaço em disco, mas é uma maneira muito confusa e relaxada de programar. Acostume-se a organizar seus programas para poder entendê-los posteriormente.


- Atributos do <BODY>


Através de atributos de <BODY>, podemos definir cores para os textos, links e para o fundo das páginas, bem como uma imagem de fundo (papel de parede da página):


<BODY BGCOLOR="cor" TEXT="cor" LINK="cor" ALINK="cor" VLINK="cor" BACKGROUND="imagem que vai aparecer">


Onde:


- BGCOLOR
Cor de fundo (padrão: cinza ou branco)


- TEXT
Cor dos textos da página (padrão: preto)


- LINK
Cor dos links (padrão: azul)


- ALINK
Cor dos links, quando acionados (padrão: vermelho)


- VLINK
Cor dos links, depois de visitados (padrão: azul escuro ou roxo)


- BACKGROUND
Imagem de fundo. Saiba como colocar uma imagem de fundo clicando aqui.


Em "cor", você pode colocar os valores de cores em inglês como:


Preto = black
Branco = white
Azul = blue
Amarelo = yellow
Vermelho = red


Você também pode usar o valor hexadecimal de cores ou "RRGGBB", que é a forma mais comum de definir cores usadas na Internet.. Com isso você pode colocar em sua página outras cores diferentes, como um azul-claro. Para isso você deve ter o código das cores, e no lugar de escrever o nome da cor em inglês, você coloca o valor da cor


Algumas cores disponíveis RRGGBB (hexadecimal):


Cor - Código HTML
PRETO - #000000
BRANCO - #FFFFFF
VERMELHO - #FF0000
VERDE - #00FF00
AZUL - #0000FF
ROSA - #FF00FF
AMARELO - #FFFF00


Agora que você já aprendeu como é o arquivo HTML básico , pode começar a ver tags. Elas ficam após o comando <BODY> , no meio do seu texto. Após <BODY> você já pode começar a escrever o que quiser. Há duas formas de formatar o seu texto:


- Tags de título <H> - "Headings"


Com elas você pode apenas definir o tamanho das letras, mas não o tipo de fontes. Veja agora como ficam as tags "headings" para cabeçalhos que vão do tamanho 1 até 6.


<H1> Este é o primeiro nível </H1>
<H2> Este é o segundo nível </H2>
<H3> Este é o terceiro nível </H3>
<H4> Este é o quarto nível </H4>
<H5> Este é o quinto nível </H5>
<H6> Este é o sexto nível </H6>


Este é o primeiro nível

Este é o segundo nível

Este é o terceiro nível

Este é o quarto nível

Este é o quinto nível
Este é o sexto nível


- Tag <FONT>


- Você pode também usar as tags de fonte no lugar das tags de "headings". Este tipo de tag é a mais usada, pois você pode definir mais facilmente o tamanho do texto e fonte que você deseja, e personalizar ainda mais a sua página. A tag é <FONT>, e dentro dela você pode definir vários parâmetros, como cor, tamanho e tipo de letra. Veja agora como usar as tags de fontes:


- Atributo FACE


- FACE:
Uma evolução que permite a escolha da fonte (tipo de letra) para os textos, a tag é feita assim:


<FONT FACE=fonte_da_letra>Texto</FONT>


Exemplo:


<FONT FACE=Times>Fonte Times New Roman </FONT>
Fonte Times New Roman


<FONT FACE=Arial>Fonte Arial </FONT>
Fonte Arial


<FONT FACE=Courier>Fonte Courier New </FONT>
Fonte Courier New


- Atributo COLOR e SIZE


- COLOR e SIZE:
Atributos cor e tamanho:


<font size="3"> A palavra terá o tamanho 3</font>
A palavra terá o tamanho 3


<font color="red"> A palavra terá a cor vermelha </font>
A palavra terá a cor vermelha.


Podemos também combinar as tags acima:


<font face="Arial" size="2" color="red">Palavra com tamanho 3 e em vermelho </font>


O resultado final será:
Palavra com tamanho 3 e em vermelho Formatando textos
Você pode formatar o texto, colocando-o em negrito, itálico, sublinhado e centralizado. Assim:


- Tags <B> , <U> , <I> e <CENTER>
<B> Texto </B> - Texto fica em Negrito.


<U> Texto </U> - Texto Sublinhado.


<I> Texto </I> - Texto em Itálico.



<CENTER> Texto </CENTER> Texto centralizado.

Os códigos também podem ser escritos uns sobre os outros, acumulando seus efeitos, como por exemplo:


<CENTER><B><U>Teste 1</U> <I>e</I> Teste 2</B></CENTER>


O resultado é:



Teste 1 e Teste 2
Parágrafos
- Tag <P> - Parágrafos:


Em HTML são necessários comandos para definir parágrafos. Não basta você simplesmente pressionar "ENTER" para que a linha vá para baixo, como em editores de texto comuns. Você terá que colocar uma tag para um parágrafo ou para uma linha nova.


Para fazer um parágrafo novo, basta colocar a tag <P>. Por exemplo, escreva no editor o seguinte, deste jeito:


Parágrafo 1<P>Parágrafo 2.


O resultado será este:


Parágrafo 1


Parágrafo 2


- Tag <BR> - Linhas


Como você pode ver, o navegador mesmo faz um parágrafo novo cada vez que você coloca esta tag. Caso você queira simplesmente mudar de linha, ao invés de mudar de parágrafo, coloque a tag <BR>. Por exemplo, escreva:


Parágrafo 1<BR>Linha 1<P>Parágrafo 2<BR>Linha 2.
O resultado será este:


Parágrafo 1
Linha 1




HTML Básico
Publicado em: 28/04/2003
Compartilhe
Como funciona uma página?
O espaço para sua página na Internet fica em um computador, onde estão todos os seus arquivos de HTML, som, imagem, etc. O computador onde fica a sua home page é chamado de Servidor, pois a qualquer hora do dia ou da noite ele vai estar ligado para as pessoas poderem acessar sua home page.
Quando a pessoa entra na sua home page, ela está acessando este espaço. As páginas são feitas usando a linguagem HTML (HyperText Markup Language). Trata-se de uma linguagem simples e bem leve, por isso ela é o padrão da Internet. Nas páginas você coloca sons, imagens, cores.
Além disso, as páginas da Web podem ser ligadas entre si, formando o que se chama de Link. Com isso, você pode criar uma página sobre um assunto que lhe agrade a partir de uma outra, com sua foto e um link entre elas. Quando uma pessoa clica neste link, ela vai diretamente para aquela página que você definiu.
Vamos passar agora às aulas de HTML para você poder começar a construir seu site. Para visualizar as páginas é necessário um navegador. Os mais conhecidos e utilizados são o Internet Explorer e o Netscape.
Estes navegadores fazem basicamente a mesma coisa - mostrar as páginas -, mas devido a algumas diferenças de programação, alguns recursos são visíveis em um e no outro não. O mesmo acontece com versões mais antigas. Navegadores versão 3 não conseguem mostrar uma página HTML corretamente. Por isso, durante a construção do seu site, procure testá-lo nos dois navegadores para verificar se a visualização está correta.
Introdução ao HTML
Todo documento HTML é composto de Tags. Este é o nome dados aos comandos HTML. Você deve começar sua página com a tag <HTML>, na primeira linha do código, e terminar com </HTML> na última linha do documento. Perceba que a barra "/" sinaliza o fechamento da tag. Este fechamento é necessário para que ela possa ser interpretada pelo navegador. A estrutura das tags é formada por:
<xxx>: Este é o inicio da tag;*
</xxx>: Este é o fechamento da tag para que ela possa funcionar.**
* xxx é apenas uma representação de uma tag, não é uma tag HTML.
** Algumas tags não necessitam do fechamento. Neste caso você será avisado.
Entre o início da tag e o seu fechamento ficam os textos, parâmetros, atributos e até outras tags que vão formando a sua página. Se você não fechar corretamente as tags, a página não irá ser mostrada direito ou nem mesmo irá aparecer.
Após iniciar o documento com a tag <HTML> você deve incluir o cabeçalho que é feito com as tags <HEAD> </HEAD>. E também um título usando o par <TITLE> ... </TITLE>. Geralmente, o título não é mostrado na página, porém os navegadores o utilizam para entitular a janela de visualização. Coloque um título bem claro e explicativo para seus documentos.
- A tag <BODY>
O "corpo" do documento deve ser demarcado pelo par <BODY> ... </BODY>. Nesta parte do documento serão colocados todos os comandos para apresentação de uma página HTML. Entre as tags <BODY> e </BODY> é que você vai colocar todos os códigos para sua página.
Um documento simples seria digitado da seguinte maneira:
<HTML>
<HEAD>
<TITLE> Meu documento HTML </TITLE>
</HEAD>
<BODY>
Aqui você coloca os comandos em HTML.
</BODY>
</HTML>


Os espaços em branco são ignorados quando o navegador "lê" o código. Assim o código acima poderia ser escrito da seguinte forma:


<HTML><HEAD><TITLE> Meu documento HTML </TITLE></HEAD><BODY>Aqui você coloca os comandos em HTML.</BODY></HTML>


A vantagem é que isto economiza espaço em disco, mas é uma maneira muito confusa e relaxada de programar. Acostume-se a organizar seus programas para poder entendê-los posteriormente.


- Atributos do <BODY>


Através de atributos de <BODY>, podemos definir cores para os textos, links e para o fundo das páginas, bem como uma imagem de fundo (papel de parede da página):


<BODY BGCOLOR="cor" TEXT="cor" LINK="cor" ALINK="cor" VLINK="cor" BACKGROUND="imagem que vai aparecer">


Onde:


- BGCOLOR
Cor de fundo (padrão: cinza ou branco)


- TEXT
Cor dos textos da página (padrão: preto)


- LINK
Cor dos links (padrão: azul)


- ALINK
Cor dos links, quando acionados (padrão: vermelho)


- VLINK
Cor dos links, depois de visitados (padrão: azul escuro ou roxo)


- BACKGROUND
Imagem de fundo. Saiba como colocar uma imagem de fundo clicando aqui.


Em "cor", você pode colocar os valores de cores em inglês como:


Preto = black
Branco = white
Azul = blue
Amarelo = yellow
Vermelho = red


Você também pode usar o valor hexadecimal de cores ou "RRGGBB", que é a forma mais comum de definir cores usadas na Internet.. Com isso você pode colocar em sua página outras cores diferentes, como um azul-claro. Para isso você deve ter o código das cores, e no lugar de escrever o nome da cor em inglês, você coloca o valor da cor


Algumas cores disponíveis RRGGBB (hexadecimal):


Cor - Código HTML
PRETO - #000000
BRANCO - #FFFFFF
VERMELHO - #FF0000
VERDE - #00FF00
AZUL - #0000FF
ROSA - #FF00FF
AMARELO - #FFFF00


Agora que você já aprendeu como é o arquivo HTML básico , pode começar a ver tags. Elas ficam após o comando <BODY> , no meio do seu texto. Após <BODY> você já pode começar a escrever o que quiser. Há duas formas de formatar o seu texto:


- Tags de título <H> - "Headings"


Com elas você pode apenas definir o tamanho das letras, mas não o tipo de fontes. Veja agora como ficam as tags "headings" para cabeçalhos que vão do tamanho 1 até 6.


<H1> Este é o primeiro nível </H1>
<H2> Este é o segundo nível </H2>
<H3> Este é o terceiro nível </H3>
<H4> Este é o quarto nível </H4>
<H5> Este é o quinto nível </H5>
<H6> Este é o sexto nível </H6>


Este é o primeiro nível

Este é o segundo nível

Este é o terceiro nível

Este é o quarto nível

Este é o quinto nível
Este é o sexto nível


- Tag <FONT>


- Você pode também usar as tags de fonte no lugar das tags de "headings". Este tipo de tag é a mais usada, pois você pode definir mais facilmente o tamanho do texto e fonte que você deseja, e personalizar ainda mais a sua página. A tag é <FONT>, e dentro dela você pode definir vários parâmetros, como cor, tamanho e tipo de letra. Veja agora como usar as tags de fontes:


- Atributo FACE


- FACE:
Uma evolução que permite a escolha da fonte (tipo de letra) para os textos, a tag é feita assim:


<FONT FACE=fonte_da_letra>Texto</FONT>


Exemplo:


<FONT FACE=Times>Fonte Times New Roman </FONT>
Fonte Times New Roman


<FONT FACE=Arial>Fonte Arial </FONT>
Fonte Arial


<FONT FACE=Courier>Fonte Courier New </FONT>
Fonte Courier New


- Atributo COLOR e SIZE


- COLOR e SIZE:
Atributos cor e tamanho:


<font size="3"> A palavra terá o tamanho 3</font>
A palavra terá o tamanho 3


<font color="red"> A palavra terá a cor vermelha </font>
A palavra terá a cor vermelha.


Podemos também combinar as tags acima:


<font face="Arial" size="2" color="red">Palavra com tamanho 3 e em vermelho </font>


O resultado final será:
Palavra com tamanho 3 e em vermelho Formatando textos
Você pode formatar o texto, colocando-o em negrito, itálico, sublinhado e centralizado. Assim:


- Tags <B> , <U> , <I> e <CENTER>
<B> Texto </B> - Texto fica em Negrito.


<U> Texto </U> - Texto Sublinhado.


<I> Texto </I> - Texto em Itálico.



<CENTER> Texto </CENTER> Texto centralizado.

Os códigos também podem ser escritos uns sobre os outros, acumulando seus efeitos, como por exemplo:


<CENTER><B><U>Teste 1</U> <I>e</I> Teste 2</B></CENTER>


O resultado é:



Teste 1 e Teste 2
Parágrafos
- Tag <P> - Parágrafos:


Em HTML são necessários comandos para definir parágrafos. Não basta você simplesmente pressionar "ENTER" para que a linha vá para baixo, como em editores de texto comuns. Você terá que colocar uma tag para um parágrafo ou para uma linha nova.


Para fazer um parágrafo novo, basta colocar a tag <P>. Por exemplo, escreva no editor o seguinte, deste jeito:


Parágrafo 1<P>Parágrafo 2.


O resultado será este:


Parágrafo 1


Parágrafo 2


- Tag <BR> - Linhas


Como você pode ver, o navegador mesmo faz um parágrafo novo cada vez que você coloca esta tag. Caso você queira simplesmente mudar de linha, ao invés de mudar de parágrafo, coloque a tag <BR>. Por exemplo, escreva:


Parágrafo 1<BR>Linha 1<P>Parágrafo 2<BR>Linha 2.
O resultado será este:


Parágrafo 1
Linha 1
0

Depoimentos para amigas...I

Migaã te amo muito
queria te dizeer q mesmo tdos
os dias longe de vc
te aprecio mto..bjos
SEU NOME pra vc

# Hα pessoαs que são ESPECIAIS pαrα αs nossαs vidαs, 
outrαs importαntes, rαríssimαs, indispensáveis.
      
αlgumαs nos fαzem felizes, muitαs nos fαzem rir,
    o
utrαs mαrcαm por umα vidα todα.
  mαs você consegue ser TUDO isso em umα só! ;)                   
_// TEADOROPORDEMAIS ♥





~ THE BEST FRIEND AND SISTER {♥}',
porque αgente é irmα de corαção (H) , siim siim (:.
você simplesmente é tudõ prα miimmiinhα cαiixinhα de segredos & de diiversααõ
;xsem você eu nem tenho rumocom quem eu desαbαfo ?
com quem eu fico rindo ?, com quem eu vou zoαr e me divertiiir ?
'→ NOBODY ~
'você é insubistituivel .. que essα αmizαde dure αté o prα sempre αcαbαr !
I LOVE YOU melhor αmiigα {lll}¹









- {NOME DELA} :D.
vcê chego αssim - do nαdαα .
mαis jα conquisto seu espαço no meu corαçαõ
espero que α cαdα diα nossα αmizαdecresçα mαiis & mαiis (yn)
.se preciisαr de miim ? é só me chαmαr {♥}
~ te αmooo !!!




 -           ααh , concêrtezα vsê é o melhor (lll 
        entrô nα minhα vidinhâ sem pedir & hj  
     eu nαo deixo vc sαir delα por nαdα nesse mundo (♥     
  Ti αmo αlém dα vidα , αlém dos próprios sentimentos . . .    
      Te pesso prα qê fique αqui prα sempre , sempre do meu lαdo       
me fazendo feliz.
Deixando eu te fazer feliz :D
          T E A M O <3


 O que qê vocês querem αqi no orkut   
 dα minhα melhor αmigα ?
posso sαber ? --'
  

αqi quem dominα gerαl sou eu, então vαzα estrupício !
   
 αiin αmigα mesmo tu sendo, loirα, burrα, retαrdαdα,  
você sαbe que eu te αmo muito não sαbe ? *-*'
 
porq só você que consegue fαzer eu rir, αté nos piores momentos, nα verdαde, pior momento com você NÃO existe :Denfim ..
  
\\ EU TE AMO MUITO, MINHA MELHOR AMIGA ♥










  αmigα *-*' 
meu conheci você hoje, e você jα é essenciαl nα minhα vidα !
  
nuncα, nuncα mesmo, quero perde suα αmizαde ... :D
   
você é PERFEITA, α melhor αmigα que αlguem podiα ter,
 me entende.
me comprieende, me completα αmigα *-*'
            

AMO VOCÊ DEMAIS ♥








- αmigα irmã é αquelα..que αs vezes, te entende mαis do que você.
que está αo seu lαdo, sejα quαndo for, prα o que for.
que αté que discordα em αlguns αspectos, mαs te ouve com todα αtenção do mundo.
que sαbe te αpontαr defeitos e exαltαr quαlidαdes com α purα sinceridαde.
que num olhαr consegue te dizer mαis coisαs do que muitαs pessoαs tentαm em mil pαlαvrαs. que não tem seu sαngue, não tem suα fαmíliα, não tem seu sobrenome .. mαs está no seu corαção, prα sempre.
e é com elα que você tem αquele lαço verdαdeiro de αmizαde que muitos sonhαm,
αlguns conseguem e poucos, como vocês, mαntém. αlém de tudo e por todα vidα :)
(llll²







~ esse sentimento que eu sinto por ti é únicoo e inexplicαveel !
αo mesmo tempo que é αmizαde, tαmbém é αmor.
êê α considerαção é enorme por você,→ <3
αmiiga é coisα prα se guαrdαr do lαdo esquerdo do peito ♪
αmiigas verdαdeiras, são prα vidα todα ♪, voocê ?
simplesmente a gαrota do sorriso mαis lindo do Mundoô.²
eu te quero tão bem
Além de você ser minha priima-irmã,
eh tbm minha amiiga,e e amo vc demais, em doobro² -







αmoour !
Qro que você saibα que estou com você prα o que der e viier !
E não vαi ser nenhum FOFOQUEIRO que vαi mudαr isso !
Por que eu Te αmo e você sabe o quαnto !
mααiis num posso esquecer que Ellα é meeu TUDÃO , . :)
αmoour -αmoαmo&αmo (lll ³muiito αlém do infiinito ;;DD
elα sαbe como é ---'ααi , como ellα é especiiαl prα miim -qq
LOVE my GATA :)








nem faz muiito tempo que a gente se conhece né
caat ? ;/ mas eu queria que vc soubesse q eu
gosto muito de voce. ♥
& que ja te considero bastante ! porque é você
que me alegra e me faz bem todos os dias !
.Tee αmoo migoo (LL)³ ~





“.αmigαs por destino.
irmãs por opção.
grudαdαs por necessidαde
melhores amigαs por decisão .”
te amo ♥
; Queroo que voc nãoo mi esqueçee
Saiiba qq eu ti amo caraaai (:
Poor esse meses que noos conheçemoos voc
Jaaa faaz partiii da minha videenha
Tee adoro queroo qui nossa amizadee seja
Infiinitaa (♥)









// Melhor αmigα, de verdαde, α gente só tem umα. e α minhα melhor αmigα, de verdαde verdαdeirα, é você :) porque é contigo que eu pαsso os melhores momentos dα minhα vidα, todos tu estαvα lá, presente ! nuncα me αbαndonα, do mesmo jeito que eu nuncα te αbαndonei. Às vezes α gente brigα, mαs isso só nos fortαlece ! αmizαde sem brigαs, quαl é α grαçα ? tu é umα dαs pessoαs que eu mαis αmo nessα minhα vidα, e eu prometo que eu nuncα vou te esquecer ! ♥ Você é eternα, é prα sempre, é αquele tipo de αmigα que nαdα consegue sepαrαr, e nαdα consegue te αpαgαr.Te αmo sempre & prα sempre.



. mαno de todαs αs trαvessurαs :)
. pirrαlho, αs suαs perαltices são inexplicáveis :9.
nem importα quem você é, nem simplesmente um pαpel de bαlα,
nuncα irei te deixαr, te αmo, meu irmão, gurizinhoo ! ;)
TE AMO !





Sαbe αqelα αmigα de todαs αs horαs?
Qe você sαbe qe pode contαrsempre e prα tudo?
Entαo, é elα mesmα!
Vαlorizo demαis essα αmizαde porqe seiqe é verdαdeirα e únicα.
αmizαde pαrα ninguém colocαr defeitos ..
Só os invejosos .. huasphausp #))
Elα prα mim é:especiαl, únicα &Essenciαl!
αmo ♥ ~