quinta-feira, 1 de maio de 2014

Básico html #1

Oi gente! Finalmente maio chegou e com um belíssimo feriado! Hoje o post vai ajudar bastante muitos de vocês e vai com certeza auxiliar no próximo post (opa, spoiler). Então chega de lenga lenga.


TEXTO CENTRALIZADO
<div align="center"> SEU TEXTO AQUI </div>

TEXTO À DIREITA
<div align="right"> SEU TEXTO AQUI </div>

NEGRITO, SUBLINHADO, ITÁLICO E TACHADO
<b> SEU TEXTO EM NEGRITO </b>
<u> SEU TEXTO SUBLINHADO </u>
<i> SEU TEXTO EM ITÁLICO </i>
<s> SEU TEXTO TACHADO </s>

PULAR LINHAS
<br> ou <p>

FONTE
<font face=NOME_DA_FONTE> SEU TEXTO AQUI </font>

COR
<font color="CÓDIGO HTML DA COR"> SEU TEXTO AQUI </font>
Tabela de cores pra você :) Para funcionar, é só copiar o código com " # " na frente da sua cor favorita. Exemplo: #8B658B

CITAÇÃO
<blockquote> SEU TEXTO AQUI </blockquote>

FUNDO COLORIDO
<table bgcolor="COR HTML"> SEU TEXTO AQUI </table>

BORDA E FUNDO COLORIDOS
<table border="1" bgcolor="COR HTML"> SEU TEXTO AQUI </table>

BORDA NO TEXTO
<table border="1"> SEU TEXTO AQUI </table>
Aumente o 1 caso queira que a borda fique grossa.

ESTILO MAQUINA DE ESCREVER
<tt> SEU TEXTO AQUI </tt>

TEXTO JUSTIFICADO
<div align="justify"> SEU TEXTO AQUI </div>

COLOCANDO UM LINK 
<a href="URL"> SEU_TEXTO_AQUI </a>

LINK NA IMAGEM
<a href="URL"><img src="URLDAIMAGEM" /></a>
Em URL troque pelo endereço que irá ser redirecionado ao clicar na imagem, e URLDAIMAGEM substitua pelo endereço da imagem.

Por hoje é so! Espero que eu tenha ajudado! Acho que funciona se vocês testarem nos comentários kkk

21 comentários:

  1. Ótimas dicas Ka. Eu super penei para aprender HTML e essas tuas dicas são super ótimas =)
    BlogInstagram

    ResponderExcluir
    Respostas
    1. *-* que bom que acha isso. Sofri muito com HTML no começo e por isso agora quero repassar o pouco que eu sei. ♥

      Excluir
  2. Eu fiz curso de HTML e posso falar que, isso é mito chaaato, mas o resultado compensa :)
    Adorei o blog!
    www.swe-etspace.blogspot.com.br

    ResponderExcluir
    Respostas
    1. aaah, eu achava chato, mas hoje em dia é tipo "terapia" acredita? ♥

      Excluir
  3. awn amei essas dicas, super uteis
    pode dar uma passadinha no meu blog?
    http://ohnicoli.blogspot.com.br/

    ResponderExcluir
  4. Muito bom pra quem tá começando a conhecer.

    E não sabia desse tal estilo maquina de escrever.

    ResponderExcluir
    Respostas
    1. Eu soube esse da maquina um tempinho atrás KKK acredita?

      Excluir
  5. Adorei a dica haha HTML é um bagulho loco haha

    http://www.geysecofferri.com/

    ResponderExcluir
  6. Esse negocio de HTML é complicado! Não ainda, posso olhar quantas vezes for que nunca vou conseguir entender nadinha. Na minha cabeça não entra nada, de jeito nenhum.
    Mas essas dicas são otima, sempre que precisar já sei para onde correr haha

    Beijo Ká ;*

    ResponderExcluir
    Respostas
    1. KKKKK ai Lê, é complicado mesmo.
      Mas uma hora aprende alguma coisinha, sério mesmo! ♥

      Excluir
  7. Karol do céu! Por favor continue fazendo post sobre HTML, pense num negócinho que não entra na minha cabeça. Hahaha
    Adorei!

    ResponderExcluir
    Respostas
    1. *----*' eba, com seu comentário fica dificil dizer não ne? kk

      Excluir
  8. Legal vc dar essas dicas pq geralmente quem tá começando no mundo da blogosfera não sabe mt sobre HTML e fica dependendo do google pra aprender tudo, como foi meu caso rsrs, bjus!
    talkingabout-reb.blogspot.com

    ResponderExcluir
    Respostas
    1. foi meu caso também. Nossa, passei horas procurando tutoriais :/

      Excluir
  9. Eu adoraria saber fazer layouts, mas sempre que vejo aquele código cheio de linhas e números eu tenho medo de modificar alguma pequena coisa e estragar tudo sem poder mais salvar (isso já aconteceu umas 3 vezes comigo ): ). Eu aprendi muita coisa com os posts normais mesmo quando coloco no ''html'', mas tinham algumas coisas que eu ainda não sabia e seu post ajudou muito. Enfim, não conhecia seu blog e adorei ele. Amo blogs bem organizadinhos e cleans. Já me inscrevi e voltarei aqui mais vezes. Beijos www.galadedali.com

    ResponderExcluir
    Respostas
    1. HTML é um trem complicado mesmo wkpoekwpew Enfim, fico feliz q tenha te ajudado um pouquinho e que gostou de conhecer meu blog ♥ ♥
      Volte sempree!

      Excluir
  10. Não me dou muito bem com HTML, mas pretendo fazer um curso quando for maior ><. Me ajudou um pouco, amei o post.

    Kisses

    morango-com-nutella.blogspot.com

    ResponderExcluir