letras - Código HTML

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>


- 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

Parágrafo 2
Linha 2- Alinhamento de textos com a tag <P>

Os parágrafos também podem ter atributos para o alinhamento dos textos. Basta apenas incluir depois do "P" o parâmetro "align=tipo de alinhamento". Os atributos são:

- Left: Alinhamento à esquerda
- Rigth: Alinhamento à direita
- Center: Centralizado
- Justify: Texto justificado (Só funciona em navegadores versão 4 ou superior)

Para incluir um destes atributos é simples. Veja os exemplos:
<p align="left">Texto alinhado à esquerda</p>

<p align="right">Texto alinhado à direita</p>

<p align="center">Texto centralizado</p>

<p align="justify">Texto justificado</p>