5 códigos/truques de HTML básicos



17 de julho de 2015

Códigos de html básicos


Hey galera! Como vocês estão? espero que bem! Eu consegui recuperar minha conta principal então o blog já está voltando ao normal, irei responder os comentários e retribuir as visitas! E agradeço também pelos comentários positivos na ask fm sobre o blog, isso é muito importante para mim, vocês não fazem ideia! De novidade por agora, é que nosso novo layout está quase pronto, e acho que vocês vão gostar, cansei de todo esse cinza, vai ser algo mais colorido!

O post de hoje é bem básico, mas tenho certeza que vai ajudar que está começando a blogar agora ou quem não entende de HTML e precisa de algo básico ás vezes. Vem!




A postagem contém códigos básicos de HTML ok? recomendado para os iniciantes ou quem é um pouco esquecido (tipo eu -d) vou explicar tudo certinho.

Códigos de html básicos

1 - Imagem no HTML 


Requer que você faça uploud da sua imagem em algum site, pode ser no próprio blogger ou em outros sites, recomendo o imgur.

<img src="LINK-DA-SUA-IMAGEM">

2 - Imagem com link


<img src="Seu-link-aqui" alt="Link-da-sua-imagem">

3 - Alterar tamanho de uma imagem com HTML

Nesse caso você deverá por um número para altura e outro para largura. Exemplo uma imagem de 250 pixeis de largura por 450 pixeis de altura

<img src="Link-da-sua-imagem" width="largura" height="altura">
o corpo do código já é auto explicativo, width é largura e height altura.

4 - Texto alinhado (esquerda,direita,centralizado, justificado) 

É bastante simples, recomendo que primeiro faça seu texto e depois aplique o alinhamento, pode ser no texto inteiro, em uma palavra,frase como você quiser.

<alinhamento> seu texto <alinhamento/>

Exemplo para texto centralizado


<center> Seu texto </center>

Se quiser usar outro tipo de alinhamento basta trocar a palavra por:

Esquerda: <left>Esquerda</left>
Direita:  <right>Direita</right>
Centro: <center>Centro</center>
Justificar:<justify>Justificar</justify>

5 - Tags de negrito, italico,sublinhado e riscado

É mais simples que o anterior, normalmente usado para dar enfase em uma palavra ou frase

Exemplo para texto em negrito

<b>Seu texto</b>

Se quiser usar as outras tags basta trocar a letra

Negrito: <b>Negrito</b>
Itálico: <i>Itálico</i>
Sublinhado: <u>Sublinhado</u>
Riscado: <s>Riscado</s>

Essas foram as dicas de hoje! Espero que tenham gostado, se tiverem algo a pedir/sugerir podem usar os comentários para isso ou minha ask.

23 comentários:

  1. Oláa ,eu estou bem e vc?
    cara teu lay é lindo hwuehue, enfim que bom que conseguiu voltar <3
    usei o ultimo na minha agendinhaaa , avisando aqui *-*
    adorei a ajuda <3
    Beijos Isa // Uma Madrugada <3

    ResponderExcluir
    Respostas
    1. Obrigada pelo elogio querida! Pode usar a vontade haha Obrigada pela visita!

      Excluir
  2. Oii. Muito legal o post, no inicio me embolava bastante para fazer um lay bonito pro meu blog, mais agora ja peguei o jeito, não foi atoa que ja tive 4 blogs que não foram pra frente, mais agora com esse meu blog está mais fácil de fazer layout, porque eu fazia capas para Facebook então foi bem tranquilo fazer um cabeçalho legal, mais na hora de botar os HTML's nossa que confusão hahaha, mais agora que ja peguei a práticas está bem mais fácil (ufaa') . Beeijos ♥

    By || http://www.umajoveminocente.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Eu também fazia capas para facebook, banners e tudo, ai acabou sendo mais fácil fazer um layout, ai na parte do codificar já complicava kk mas fui aprendendo, e queria trocar o layout do blog toda semana XD Obrigada pela visita!

      Excluir
  3. Compreendo perfeitamente a tua situação querida e aconselho mesmo a esperar pela altura que aches ser a mais certas. Assim nunca te vais arrepender :D
    Aqui também é aos 18 se bem que se aos 16 quiseres fazer tens de levar autorização dos pais :D

    Tu tens que idade? :D

    Adorei as dicas. A maior parte já conhecia. O que eu gostava mesmo de saber era como é que pões a imagem com fade in/fade out (quando se passa com o rato sobre a imagem a mesma fica com aquele efeito opaco) :P

    NEW POST: VINTAGE DECOR <3
    InstagramFacebook Oficial PageMiguel Gouveia / Blog Pieces Of Me :D

    ResponderExcluir
    Respostas
    1. Haha, em breve farei uma :p

      Vou separar o tutorial e em breve eu postarei ok? Obrigada pela visita!

      Excluir
  4. Adorei o post,é o básico mais SUPER importante! Que bom que conseguiu recuperar sua senha e está voltando. Amo seu layout!!!

    Bjos linda

    https://blogocheano.blogspot.com/

    ResponderExcluir
    Respostas
    1. O básico é base de tudo, e eu sou do tipo que esqueço ai sempre volto a pesquisar ou tenho preguiça de "montar" os códigos xD Obrigada querida!!

      Excluir
  5. Anônimo16:01

    Estou me sentindo meio esperta. Pois conhecia todos esses truques ha, ha. Mas acho que foi porque eu pesquisei bastante pra fazer o meu lay. E mesmo que eu saiba sempre esqueço sério. Sempre tendo que pesquisar novamente. É tenso. E cara nessa imagem ai é uma tatoo de verdade?

    Inquietudes Secretas

    ResponderExcluir
    Respostas
    1. Eu também pesquiso para fazer meus layouts, sou esquecida Xd Eu não sei se é uma tatuagem de verdade, mas acho que deve ser haha obrigada pela visita!

      Excluir
  6. Super útil o post, pra quem tá começando com blog agora e quer aprender a mexer com html vai ajudar muito, tenho certeza!
    Beijos,

    Blog: www.quemvepensa.com
    Canal: youtube.com/biferreiraify

    ResponderExcluir
  7. Muito bom o seu post! Eu aprendi muito de html por causa do blog, antigamente fazia até meus layouts, mas hoje em dia esqueci algumas coisas e já não tenho tanto tempo.
    Beijos
    Bluebell Bee

    ResponderExcluir
    Respostas
    1. Eu adoro fazer layouts, mas quando a gente passa um tempo sem fazer realmente é dificil, e com tempo apertado mais ainda :c Obrigada pela visita!

      Excluir
  8. Anônimo10:28

    Ai! este post vai me ajudar muito!
    Obrigada rsrsrs
    http://palomamirandav.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Espero que ajude mesmo haha Obrigada pela visita querida!

      Excluir
  9. Olá. c:
    Muito legal a sua iniciativa em ajudar os iniciantes, estou no ramo do html á um ano, porém, só sei fazer o básico, estou pensando em entrar em um curso um pouco mais avançado, só pra aperfeiçoar a minha pouca experiencia, o que você acha?
    Muito legal a suas dicas, no começo eu precisei bastante desses tutoriais, e ainda preciso, hehe.
    Beijos.

    afantasticafabricadaadolescencia.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Olá queirda! é sempre bom ajudar os blogs mais novos. Eu estou a 1 ano a mais que você, é sempre bom aperfeiçoar claro! Eu como moro em um interior quase não tem cursos, ai eu vou aperfeiçoando sozinha mesmo. Obrigada pela visita!

      Excluir
  10. Muito boas as dicas, super válidas pras quem não é da área de TI e é blogueira. Organização de blog é fácil, mas é trabalhoso, são muitos detalhes, dicas são sempre uteis.

    Bjinhos
    ~Uma Geek Descolada

    ResponderExcluir
    Respostas
    1. Que bom que gostou das dicas, sim é sempre útil saber ao menos os códigos básicos, pois fazem toda a diferença. Obrigada pela visita!

      Excluir
  11. Ai que dicas ótimas!
    Adorei. Sou burra pra HTML, então foi mais que útil haha
    www.iamcamilakellen.blogspot.com

    ResponderExcluir
    Respostas
    1. Que bom que gostou das dicas! É sempre bom saber ao menos o básico haha Obrigada pela visita.

      Excluir
  12. Adorei as dicas, super úteis e necessárias.

    Beijos
    http://pimentasdeacucar.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Que bom que gostou das dicas querida! Obrigada pela visita.

      Excluir

Fã page | Twitter | Instagram

Críticas construtivas são sempre bem vindas.
Deixe o link do seu blog no final do comentário e retribuiremos a visita
Aceitamos TAG's, se não a respondermos, provavelmente nós já devemos ter respondido anteriormente por outra indicação.
Lembre-se, tudo aqui é feito para você, então fique a vontade para pesquisar,ler,comentar e pedir postagens.

© BELEZA NERD 2013 - 2018. Todos os direitos reservados.
Layout e codificação: GLEICY HANER - DESIGNS E FOTOGRAFIA .
Tecnologia do Blogger.
imagem-logo