GameZer Online


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

RafsEstevam

avatar
Programador
Programador
Manipulação de texto

1 - b,u,i,center,br
2 - hr,ur,li,ol
3 - h1,space,div
4 - pre,font
5 - strike,power

1.
font negrito:
Código:
<b></b>
Qualquer texto entre a etiqueta "b" irá aparecer a negrito


etiqueta sublinhada:
Qualquer texto entre a etiqueta "u" irá aparecer sublinhado


itálico:
Código:
<i></i>
Qualquer texto entre a etiqueta "i" irá aparecer em itálico


Alinhar ao Centro:
Código:
 <center></center>
Qualquer texto entre a etiqueta "center" irá aparecer alinhado ao centro


Quebra de Linha:
Código:
<br>
Esta é uma etiqueta que é utilizada para quebrar a linha e passar para a linha seguinte.
Esta etiqueta não necessita de etiqueta de fechamento.
Para que cada vez que quiser que o texto começe numa nova linha terá de aplicar a etiqueta
Código:
<br>

2.
Linha Horizontal:
Código:
<hr>
Esta é uma etiqueta especial usada para traçar novas linhas horizontais.
Não exige etiquetas de fechamento.

Esta etiqueta tem o atributo "width" para especificar a largura da linha

dará a seguinte linha


Listas:
Listas Desordenadas:
Código:
<ul> , <li>
Etiqueta para criar uma lista de items.
Código:
Código:
<ul>
<li>Lista1</li>
<li>Lista2</li>
</ul>

Listas Ordenadas:
    ,

  1. Etiqueta para criar uma lista de items numerados. A numeração será feita automáticamente.
    Code:
    Código:
    <ol>
    <li>Lista1</li>
    <li>Lista2</li>
    </ol>

    Listas Aninhadas:
    Código:
     <ul> , <li>
    Código:
    Código:
    <ul>
    <li>Lista1</li>
      <ul>
      <li>Sub Lista1</li>
      <li>Sub Lista2</li>
      </ul>
    <li>Lista2</li>
    </ul>

    3.
    Títulos:
    Código:
    <h1> </h1>
    Qualquer texto que acompanha esta etiqueta será de título tipo 1.
    Código:
    Código:
    <h1>
    Título 1
    </h1>

    Da mesma forma podemos traçar posições diferentes, utilizando
    Código:
    <h2> </h2>

    Código:
    < h3> </h3>

    Código:
    <h4> </h4>
    Código:
    <h5> </h5>
    Código:
    <h6> </h6>



    Espaço:
    Código:
     

    Este código irá ajudá-lo a dar algum espaço grande entre as palavras ou caracteres.
    Um   (nbsp significa "non-breaking space") é igual a um único espaço.

    No entando o espaço, contorno, estofamento podem ser facilmente controlados utilizado propriedades de margem e padding css.

    DIV:
    Código:
    <div> </div>
    Esta etiqueta é usada basicamente para alinhar o texto à esquerda/direita/centro
    Esta etiqueta será amplamente utilizada em css.

    4.
    Pré Formatado:
    Código:
    <pre> </pre>

    Esta marca é basicamente usado para pré formatação.
    Tudo o que escrever dentro desta etiqueta irá ser apresentado exctamente da forma como escreveu.
    Isto é, o que quer que escreva, seja um espaço, quebra de linha etc será também apresentado

    Exemplo:
    Código:
    <pre>
    Isto é pré    formatado              CÓDIGO
    </pre>

    Fonte:
    Código:
    <font> </font>

    Somente com a ajuda desta etiqueta podemos mudar a cor e o tamanho do texto.

    Cor da Fonte:
    A cor da fonte pode ser alterada usando o atributo "color"
    Exemplo:
    Código:
    <font color=red> Isto é o texto de cor vermelha </font>


    Tamanho da Fonte:
    Exemplo:
    Código:
    <font color=red size=5> O tamanho da fonte é 5 </font>

    Fonte Riscada:
    Código:
    <strike> </strike>

    Qualquer texto dentro destas etiquetas terá a fonte riscada

    Exemplo:
    1

    Result: Este texto é riscado

    Fonte Subscrita:
    Código:
    <sub> </sub>

    Esta etiqueta irá ajudá-lo a criar um texto base ou subscrito (ex: log base 10).

    Exemplo:
    Teste
    Código:
    <sub> Sub (base) Texto </sub>

    Resultado:
    Teste Sub (base) Texto


    Fonte Sobrescrita:
    Código:
    <sup> </sup>

    Esta etiqueta irá ajudá-lo a criar um texto sobrescrito (texto superior - ex: x superior y).

    Exemplo:
    Teste
    Código:
    <sup> Super (superior) Texto </sup>

    [code]



[Você precisa estar registrado e conectado para ver esta imagem.]

Admin

avatar

A única que eu não sabia era pre, mais nem é tão útil sim. Obrigado por compartilhar.

iTunnez

avatar
Muito útil, mas eu já sabia 70% do que tu postou ai cara.



Virou meu fã? Percebeu que sou foda? Use a Carteirinha!

[Você precisa estar registrado e conectado para ver esta imagem.]

Spoiler:
[Você precisa estar registrado e conectado para ver esta imagem.]

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum