website [TUTORIAL] Formatando textos em PHP

[Mudrock 326]

Bom galera dessa vez trago pra vcs um tutorial simples de como editar (formatar) textos em suas páginas PHP.

1°) Negrito

Para deixar um texto em negrito basta definir esse texto com <b> (no inicio) e </b> (no final). Então o seguinte código:

<b>Essa frase esta em negrito!</b>

Teria esse efeito:

Essa frase esta em negrito!

1.1°) Modo alternativo

Outro modo de escrever em negrito é usando <strong> e </strong>

Apesar do strong não ser destinado à isso tem o mesmo efeito de negrito.

2°) Sublinhado

Para deixar um texto sublinhado basta definir esse texto com <u> (no inicio) e </u> (no final). Então o seguinte código:

<u>Essa frase esta sublinhada!</u>

Teria esse efeito:

Essa frase esta sublinhada!

3°) Itálico

Para deixar um texto em itálico basta definir esse texto com <i> (no inicio) e </i> (no final). Então o seguinte código:

<i>Essa frase esta em italico!</i>

Teria esse efeito:

Essa frase esta em italico!

3.1°) Modo alternativo

Outro modo de escrever em itálico é usando <em> e </em>

4°) Riscado

Para deixar um texto riscado basta definir esse texto com <s> (no inicio) e </s> (no final). Então o seguinte código:

<s>Essa frase esta riscada!</s>

Teria esse efeito:

Essa frase esta riscada!

5°) Mudando a fonte do texto

Para mudar a fonte basta colocar <font face='FONTE QUE VC DESEJA'> (preste atenção aqui, pois o nome da fonte deve estar entre aspas simples!) no inicio e</font> no final da frase. Então o seguinte código:

<font face='Times New Roman'> Fonte massa! </font>

Teria esse efeito:

Fonte massa!

6°) Mudando a cor do texto

Para mudar a cor basta colocar <font color='COR (EM INGLES) QUE VC DESEJA ou código html'> (preste atenção aqui, pois a cor deve estar escrita em inglês e entre aspas simples! O mesmo serve para o código html, deve estar entre aspas simples!) no inicio e </font> no final da frase. Então o seguinte código:

<font color='red'>Ta vermelho!</font> <font='blue'>Ta azul!</font>

Teria esse efeito:

Ta vermelho! Ta azul!

6.1°) Tabela de cores em html

Aqui tem um link onde vc pode pegar o código html das cores de sua preferência para usar no código acima:

http://www.flextool....bela_cores.html

7°) Mudando o tamanho do texto

Bom aqui tem uma diferença da formatação de texto normal. Existem 7 tamanhos de fonte em php:

O tamanho 2 é o tamanho padrão dos textos. Para mudar o tamanho da fonte basta usar o código <font size='TAMANHO QUE VC DESEJA (de 1 a 7)'> (preste atenção aqui, pois o tamanho deve estar escrito entre aspas simples!) no inicio e </font> no final da frase. Então o seguinte código:

<font size='5'>Tamanho 5!</font>

Teria esse efeito:

Tamanho 5

8°) Textos especiais (subscrito e sobrescrito)

Para deixar um texto subscrito basta usar _{(no inicio) e} (no final). Então o seguinte código:

X<sub>5</sub>

Teria o seguinte efeito:

X₅ (OBS: não ficaria em negrito! Eu apenas coloquei negrito para chamar atenção!)

Para deixar um texto sobrescrito basta usar ^{(no inicio) e} (no final). Então o seguinte código:

X<sup>3</sup>

Teria o seguinte efeito:

X³ (OBS: não ficaria em negrito! Eu apenas coloquei negrito para chamar atenção!)

9°) Iniciando uma nova linha

Para iniciar uma nova linha basta usar <br> no inicio da frase que inicia a nova linha. Então o seguinte código:

<br>Se liga, linha 1
<br>
<br>
<br>Agora linha 4

Teria o seguinte efeito:

Citar

Se liga, linha 1

 

 

Agora linha 4

Obs.: Não necessita fechar esse comando usando </br> pois ao declarar um <br> ele já inicia outra linha mesmo que a anterior "não tenha sido fechada".

10°) Juntando os efeitos

Você pode usar os comandos de size, color e face (fonte) em um só comando <font> da seguinte maneira:

Citar

<font face=' FONTE QUE VC QUER ' size=' TAMANHO QUE VC QUER ' color=' COR QUE VC QUER ' > Texto que vc quer </font>

Ou seja, o seguinte código:

<br><font face='times new roman' color='#0000FF' size='5'> Olha que loko! </font>

Teria o seguinte efeito:

Olha que loko!

Vc pode concatenar todos os efeitos acima da forma que vc quiser, basta ter atenção! Por exemplo, o seguinte código:

Aqui ta sem nada!
<b>A partir daqui ta tudo em negrito...
<font face='times new roman' color='##D2691E' size='6'>A partir daqui ta em negrito, azul, outra fonte, outro tamanho e em outra cor... </font>
<i>A partir daqui ta em italico
</i>Agora ta sem italico...
</b>Agora ta sem negrito...
</font>Agora ta da forma padrão!

Teria o seguinte efeito:

Aqui ta sem nada! A partir daqui ta tudo em negrito... A partir daqui ta em negrito, azul, outra fonte, outro tamanho e em outra cor... A partir daqui ta em italico Agora ta sem italico... Agora ta sem negrito... Agora ta da forma padrão!

Créditos DANIHCV

[Danihcv 335]

Seu tutorial foi reprovado.

 

 

Motivo: Esse tutorial é de minha autoria, o que me dá o direito de postar ele. E é isso que eu pretendia fazer... Mas to sem muito tempo. Mas em breve o farei.

 

Agradeço a compreensão.

Olá XTibiano!

Infelizmente, seu tutorial foi reprovado.
Procure por ajuda na seção de como formular um bom tutorial.

Grato pela atenção.
Movido. Editado Abril 19, 2015 por Danihcv