20/04/2013

Algumas tags úteis de HTML


   Oi pessoal! Hoje eu vou mostrar para vocês alguns códigos de HTML básicos, em que você pode usar para ajeitar detalhes o seu blog tanto lá na aba Modelo > Editar HTML, quanto nos gadgets de HTML. Na minha opinião, eles são muito úteis (pra quem faz o layout do seu blog, é claro).


ATENÇÃO:
  • Nunca tente formatar o texto em seu editor adicionando linhas e espaços ao texto: Ele pode se modificar em outros navegadores ou computadores.
  • No HTML, qualquer quantidade de espaços conta como um e uma nova linha conta como um espaço.
  • Toda tag aberta deve ser fechada em algum ponto. Para isso se usa a barra dentro de uma tag semelhante a de abertura (para exemplos leia o resto do post).



1. Parágrafos:
Definidos com a tag <p>.
*O HTML adiciona uma linha em branco antes e depois do parágrafo automaticamente.*
<p>Exemplo de um parágrafo</p>
<p>Exemplo de outro parágrafo</p>



2. Quebras de linha:
Definidas com a tag <br>
*A tag <br> é uma tag vazia, então não tem tag de fachamento, que seria a utilização da barra ("/") na tag*
  Exemplo:
Isto é um teste<br>Continuação do teste
  Como ficaria:
Isto é um teste
Continuação do teste



3. Negrito, Itálico e Sublinhado:

  • Negrito - <b> texto que você quer em negrito </b>
  • Itálico - <i> texto que você quer em itálico </i>
  • Sublinhado - <u> texto que você quer em sublinhado </u>



4. Riscado, Subscrito e Sobrescrito:

  • Riscado - <s> texto que você quer riscado </s> (ou <strike></strike>)
  • Subscrito - <sub> texto que você quer subscrito </sub>
  • Sobrescrito - <sup> texto que você quer sobrescrito </sup>



5. Alinhamento do texto:
Definido pela tag ALIGN

  • À direita - <div align="RIGHT">
seu texto
</div>
  • À esquerda - <div align="LEFT">
seu texto
</div>
  • Centralizado - <div align="CENTER">
seu texto
</div>
  • Justificado - <div align="JUSTIFIED">
seu texto
</div>



6. Links [que pode ser usado no seu comentário em outros blogs!]:
Definidos pela tag <a>
<a href="URL DO LINK">Nome que vai aparecer</a>



7. Citação (o conhecido blockquote):
Definidas pela tag <blockquote>

<blockquote> texto que você quer em uma citação (ou blockquote) </blockquote>



Por enquanto, é isto. Eu poderia ter aprofundado mais os códigos que mostrei aqui, ou falado sobre códigos de imagens, listas, tabelas, mas decidi não fazer isso pois o post estava mais direcionado a tags de HTML básicas. Se vocês quiserem que eu aprofunde mais esse post, comentem! Beijos!!

6 comentários :

  1. Então kkkkkkkkk, eu não sou de estudar muito essas coisas de html, eu só saiu mexendo de acordo com os tutoriais kkkkkkkkk, Mas foi muito util :)

    http://saladadefrutasbr.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Quem sabe na hora que você esteja seguindo um tutorial você precise mudar um detalhezinho? hahahah Mas as tags são bem úteis mesmo!

      Excluir
  2. Adoreeei! Gosto muito de posts assim, porque apesar de eu ter uma certa prática com HTML, ainda fico em dúvida sobre algumas coisas

    Beijinhos, Garota Inocente

    ResponderExcluir
    Respostas
    1. Exatamente! hahah E eu fico muito feliz em saber que você gostou!! Beijoss

      Excluir
  3. Nome que vai aparecer
    ~le testando uma das tag's~ Haha' me ajudaram bastante.

    ResponderExcluir
    Respostas
    1. Que bom que ajudaram!! Só tenho uma dica: na hora de botar o link do seu blog nessa tag que você usou aqui nos comentários bota a url inteirinha na tag, aí dá certo! [ex.: http://paraisodeinverno.blogspot.com.br/]

      Excluir