Já aprendemos a estrutura básica e também aprendemos a criar links. Hoje vamos aprender a formatar textos. Colocar em negrito, itálico, sublinhado, riscado colocar alguma cor, alinhar para a esquerda, direita ou centro. No básico pretendo ensinar tudo isso.

Vamos iniciar aprendendo 6 tags de títulos: <h1> <h2> <h3> <h4> <h5> <h6>. Sendo o <h1> com estilo maior e o <h6> com estilo menor.

O código e o resultado são esses:

Temos também as tags de negrito, itálico, sublinhado e riscado, respectivamente: <b> <strong> <em> <i> <u> <strike>

<b> <strong>: Servem para a mesma coisa, deixar o texto em negrito.
<em> <i>: Servem para deixar o texto em itálico.
<u>: Deixa o texto sublinhado.
<strike>: Risca o texto.

Também temos o parágrafo (<p>), quebra de linha(<br />) e um outro código que utilizo para colocar estilos (<span>).

Para colocar cor no texto recomendo que utilize o código <span></span>:
Um exemplo é colocar o texto em vermelho:

Código:

<span style="color:red;">TEXTO</span>

Resultado:
TEXTO

Você pode escrever o nome da cor em inglês ou colocar o número da palheta de cores:

Código:

<span style="color:#FF0000;">TEXTO</span>

Resultado:
TEXTO

O alinhamento também é simples.

Centralizado: <center></center>
Esquerda: <p align=”left”></p> ou <div align=”left”></div>
Direita: <p align=”right”></p> ou <div align=”right”></div>

Gostou? É simples, não? No próximo tutorial vou ensinar a criar tabelas.

Não se esqueça de fechar as tags como nos exemplos.

Artigos Recomendados:
- Formatação de Texto em HTML e CSS
- HTML Básico

Gostou do post? Poderá gostar de...

• Instalando um template no Blogger
• Como criar um e-mail? #2 – Hotmail
• Como criar um e-mail? #3 – Yahoo Mail
• Criando e editando tabelas com HTML
• Como criar um e-mail? #1 – Gmail