Tipos de texto, cor, tamanhos e fontes

Neste post vou demonstrar os tipos de texto, cor, tamanhos e fontes que podemos usar para editar os nossos blogues e sites.

Tipos de texto:

Existem vários tipos de texto o negrito, o itálico, o rasurado, o sublinhado, centrado, alinhado à direita e alinhado à esquerda.
Texto a negrito:
Exemplo - <b>texto a negrito</b>
Texto itálico:
Exemplo - <i>texto a itálico</i>
Texto rasurado:
Exemplo - <strike>texto rasurado</strike>
Textu sublinhado
Exemplo - <u>texto a negrito</u>
Texto centrado:

Exemplo
- <center>texto centrado</center>
Texto justificado:
Exemplo - <div style="text-align: justify;">texto justificado</div>
Alinhado à direita:
Exemplo - <div style="text-align: right;">texto alinhado à direita</div>
Alinhado à esqueda:
Exemplo - <div style="text-align: left;">texto alinhado à esquerda</div>

Tipos de cor:
Bem, se fosse falar de TODAS as cores nunca mais saíamos daqui, por isso, se quizerem ver uma tabela com as cores TODAS indicando o nome, o código java e o código HTML vejam este post.
Para modificarem modificarem a cor de uma palavra, frase ou texto como no exemplo:
Exemplo de frase com uma cor diferente.
Metam este código:
<span style="color: Código da cor;">Texto para mudar a cor</span>

Tipos de tamanhos:
Exitem diversos tipos de formas para mudar o tamanho de uma palavra, frase ou texto, aqui, apenas vou por o mais fácil. Se quizeres ver um post mais aprofundado sobre o assunto tipos de tamanhos vê este post Como mudar o tamanho do texto.
A forma mais fácil é usando os "headers" conforme os exemplos:

<H1> - Tamanho h1

<H2> - Tamanho h2

<H3> - Tamanho h3

<H4> - Tamanho h4

<H5> - Tamanho h5
<H6> - Tamanho h6
Ou seja, para por um título por exemplo use o <H1> sempre fechando com </h1>, nunca se esqueça de fechar se não não vai funcionar correctamente.

Tipos de fontes:
Como todos vocês sabem existem milhares tipos de fontes ou letras mas em html apenas alguns são utilizados, melhor dizendo, apenas 7 são aceitáveis.
Eles são:
- Arial
- Courier
- Georgia
- Helvetica
- Times New Roman
- Trebuchet
- Verdana
Para os utilizares basta digitares o seguinte código editando as partes a vermelho para a tua preferência:
<span style="font-family: fonte a utilizar;"> Texto</span>