Formatando um texto no HTML

Olá pra todos!!!

Nesse artigo vamos aprender um pouco as Tags para formatação de texto, espero que gostem!!!

O documento de hipertexto possui uma boa variedade de Tags para a formatação dos textos contidos nele, enriquecendo o layout. Mas não se esqueça não se deve usar esses recursos com exageros.



Primeiro vou definir cada uma das Tags, para somente depois passar a exemplos práticos.



<font>

Define o corpo geral da fonte a partir do ponto onde é inserido até que encontre a Tag </font> retornando então para o padrão.


Sintaxe:

<font size=tamanho color=cor face=fonte>



Size – tamanho da fonte, pode variar de 1 a 7.

Color – define a cor e pode ser passado em hexadecimal ou o nome da cor em inglês.

Face – define a fonte a ser utilizada e o nome da fonte deverá ser passado ente aspas.



H (header)

A Tag <Hx> define um título para a página. Ela formata linhas de texto entre <hx> e </hx>, onde x é um número que varia ente 1 e 6, representando o tamanho da fonte, onde 1 é o maior e 6 o menor.



Sintaxe:

<h1>Tamanho 1</h1>

<h2>Tamanho 2</h2>

<h3>Tamanho 3</h3>

<h4>Tamanho 4</h4>

<h5>Tamanho 5</h5>

<h6>Tamanho 6</h6>



Address

Essa Tag formata o texto como um endereço, colocando-o em itálico.



Sintaxe:

<address>seu endereço</address>



Blockquote

Tem por objetivo definir tabulações no texto, como se fosse o resultado do uso da tecla TAB.



Sintaxe:

<blockquote>texto</blockquote>



BR (Break Line)

Define uma quebra de linha no texto.



Sintaxe:

...Texto bem grande, indo para a linha de baixo<BR>Daqui pra frente o texto está uma linha abaixo.



P (Parágrafo)

Define o texto ente ela como sendo um parágrafo.



Sintaxe:

<p align=alinhamento> ... texto... </p>



Align pode receber:



Left – alinha o texto à esquerda

Right – alinha o texto à direta

Center – centraliza o texto.



Center

Essa Tag atribui ao texto que estiver ente ela um alinhamento centralizado.



Sintaxe:

<Center>texto a ser centralizado</Center>



B (Negrito)

O texto que estiver dentro dessa Tag ficará em negrito.



Sintaxe:

<b>texto em negrito</b>



I (Itálico)

O texto que estiver dentro dessa Tag ficará em itálico.



Sintaxe:

<i>texto em itálico</i>



U (Sublinhado)

Essa Tag deixa todo o conteúdo dentro delas sublinhado.



Sintaxe:

<u>texto sublinhado</u>



DEL (Tachado)

Tag responsável por deixar os textos dentro dela em formato tachado, com um risco no meio das letras.



Sintaxe:

<Del>texto tachado</Del>



SUP (Sobrescrito)

A Tag <sup> dá efeito sobrescrito ao texto dentro dela.



Sintaxe:

^{texto sobrescrito}



SUB (Subescrito)

A Tag <sub> dá efeito subescrito ao texto dentro dela.



Sintaxe:

^{texto subescrito}




HR

Insere uma linha para separação de textos e parágrafos. Quando essa Tag é definida, automaticamente acontece uma quebra de linha.



Sintaxe:

<hr width=largura size=altura color=cor NOSHADE>



Width – define o comprimento da linha

Size – define a espessura da linha

Color – define a cor da linha