[TUTORIAL] Formatando textos em PHP

[Danihcv 334]

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.com.br/tabela_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:

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:

<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! [/size]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![/size]

_____________________________________________________________________________________

---------------------------------------------------------------------------------------------------------------------------

AGORA É A SUA VEZ!!!

Poste aqui um texto de sua autoria e editado da forma ensinada do jeito que vc quiser!

Eu darei REP+ a todo post que estiver editado de forma correta! ^^

E isso é tudo pessoal! ^^

_____________________________________________________________________________________

---------------------------------------------------------------------------------------------------------------------------

Créditos

Eu (@Danihcv)

[Krono 128]

Gostei demais. Parabéns ótimo guia.

[Stigal 584]

Ótimo tutorial, é uma pena que a visibilidade de áreas menos utilizadas como website não dê o publico que esse tópico merece.

 

Continue assim grande...

[Danihcv 334]

Valeu galera. shusahuasuh ^^

[LeoTK 173]

Danihcv sei que não é certo mais se souber pode dar uma força eu estou com dúvida sobre css como indicar uma class ?

[Danihcv 334]

@Brunds, nem sei como te ajudar mano... Esse tuto foi da epoca que eu tava iniciando em website, aí o colegio começou e eu ñ tive mais tempo de prosseguir (se ñ me engano)...

 

Cria um tópico. Acho que é o meio mais rapido.

Editado Abril 20, 2015 por Danihcv

[LeoTK 173]

tranquilo mano na verdade já possuo um porém fiz a pergunta lá mais nada ainda ... bom vou tentar dar um up lá mais valeu pela atenção brodi xD

[Stigal 584]

Danihcv sei que não é certo mais se souber pode dar uma força eu estou com dúvida sobre css como indicar uma class ?

Recomendo ler:

1. http://desenvolvimentoparaweb.com/css/diferencas-entre-ids-e-classes/

2. http://www.maujor.com/tutorial/sintaxetut.php

3. http://www.marceloaventura.art.br/blog/?p=280

4. http://blog.caelum.com.br/seu-codigo-css-pode-ser-mais-limpo-flexivel-e-reaproveitavel/

 

 

São links que me ajudaram no inicio....