Tutor Designer: Formatando textos

terça-feira, 20 de julho de 2010

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 é:
Teste1 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>

Texto alinhado à esquerda


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

Texto alinhado à direita


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

Texto centralizado


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

Texto justificado



Este texto recebeu o efeito Typerwriter coloque entre tags < tt> < /tt>

Esta é a diferença entre um texto Big e um Small

Esta é a diferença entre um texto Subscrito e um Sobrescrito

Para chamar a ATENÇÃO use o comando Blink