101 Blog | Códigos Básicos De HTML

101 Blog será a nova rubrica do blog, todos os meses a meio do mês darei umas dicas de html, sites para encontrar informação, dicas e por aí.

Não me considero expert em HTML, muito pelo contrário, mas sei o suficiente para as minhas coisas básicas. Infelizmente não tenho tanto tempo como gostava, mas é um assunto que gosto de abordar, por isso tento dar a volta à situação. Não vou mostrar coisas complicadas muito pelo contrário, será os básicos dos básicos para coisas simples.

Por tanto vamos lá começar.

Os códigos mais simples que encontramos de formatação são < b>, < i> e < u> .

<b> Inserir o texto </b> O B significa bold, isto é, fica negrito.
<i> Inserir o texto </i> O I significa itálico, o texto fica "de lado".
<u> Inserir o texto </u> O U significa sublinhado, o texto ficará assim.

Depois também existem códigos para a formatação do texto todo, ou seja, centrado, justificado, na esquerda ou direita.

<center> Inserir o texto </center> O center serva para centrar o texto.
<p align="justify"> inserir o texto </p> Aqui ficará justificado num parágrafo
<p align="left"> inserir o texto</p> O texto ficará alinhado à esquerda
<p align="right">inserir o texto</p> O texto irá ficar alinhado à direita.


Agora uma das partes mais interessantes, os links. Dou dois exemplos um link com texto e o outro com imagem porque sei que existem muitas pessoas à procura destes códigos.

<a href="Colocar o link"> <img border="0" alt="W3Schools" src="colocar a imagem" width="100" height="100"> - Onde diz colocar o link escreves o url do site e onde diz colocar a imagem escreves o link da imagem. Se tiveres a fotografia no computador faz o upload num site e depois coloca o link, se já tiveres a fotografia online é só copiar o link. 
O width e o height são o tamanho da imagem e aí fica ao teu critério.
<a href=" Colocar o link "> Inserir o texto </a> - Este é o código para escreves o texto como link, ou seja, p. ex quando visitas o blog de alguém e escreves "beijinhos, Dezassete" ficará assim.

A minha intenção com esta rubrica é tentar ajudar ao máximo quem tem dificuldades em certos aspectos que quase nunca são abordados. Não irei apenas abordar html, mas sim dar outras dicas, frebbies e por ai além.


Gostam desta nova rubrica? Deixem sugestões para o próximo mês.

35 comentários

  1. Adorei a ideia Daniela e acho que faz falta artigos assim :)

    Beijinhos :)

    Volta & Meia
    Facebook

    ResponderEliminar
    Respostas
    1. Ainda bem querida, como ainda não tinha visto nada assim pensei em fazer :D

      Beijinhos

      Eliminar
  2. Por acaso, são códigos que já conhecia, mas acho que toda a gente devia conhecer! Bom post linda!

    THE PINK ELEPHANT SHOE // GANHA UMA BEAUTY BOX!

    ResponderEliminar
    Respostas
    1. O problema é que nem todas a pessoas conhecem, por isso uma pequena ajuda não faz mal a ninguém :b

      Beijinhos

      Eliminar
  3. Adorei.. Já me deu um jeitaço! Obrigada :)
    Beijinhos

    Kuki Dreams | Facebook

    ResponderEliminar
  4. Por acaso não sabia disso
    adorei a ideia
    Beijinhos
    CantinhoDaSofia /Facebook /Intagram
    Tem post novos todos os dias

    ResponderEliminar
  5. Estes códigos são essenciais saber-se! Adorei que tenhas partilhado, é muito bom ajudarmos quem possa precisar, e Html pode ser um bicho papão às vezes! No meu blog também tinha uma rubrica deste género é super util, continua * Adorei o teu blog e segui
    http://omundodajesse.blogspot.pt/

    ResponderEliminar
    Respostas
    1. Gosto de ajudar quando posso e quando não posso pelo menos tento! Acho que html acaba por ser essencial para quem tem um blog ou algo parecido, mas existem muitas pessoas que não conhecem muito sobre isto :D
      Segui de volta

      Beijinhos

      Eliminar
  6. Adorei a rubrica! Vai-me dar tanto jeito! Mil obrigadas minha querida :D
    Beijinho, Ana Rita*

    ResponderEliminar
    Respostas
    1. Ainda bem, por isso é que a criei :D Obrigada eu por visitares o meu blog <3

      Beijinhos

      Eliminar
  7. São sempre excelentes dicas! =)
    Beijinhos,
    http://chicana.blogs.sapo.pt/

    ResponderEliminar
  8. Estas dicas são ótimas!! Por vezes é confuso lidar com html.

    Passa pelo blog e aproveita a oportunidade de ganhar vários prémios fantásticos. A participação é mega simples. Vais adorar!!

    http://abpmartinsdreamwithme.blogspot.pt/2017/09/mega-sorteio-de-regresso-as-aulas.html

    Beijinhos

    ResponderEliminar
    Respostas
    1. A quem o dizer, já lido com html à mais de 6 ou 7 anos e por vezes ainda se torna confuso para mim :b

      Beijinhos

      Eliminar
  9. Adorei a rubrica! Super útil! :D

    amarcadamarta.blogspot.pt

    ResponderEliminar
  10. Muito útil! Vou acompanhar! Obrigada pela partilha :)

    ResponderEliminar
  11. excelente 1 0 1 de html,

    eu vou seguir atentamente!

    beijinho

    Mimi in the Mirror/

    ResponderEliminar
  12. Ótimas dicas, gostei :D

    http://submersa-em-palavras.blogspot.com.br/

    ResponderEliminar
  13. siim, adorei esta rubrica
    a verdade é que sou um zero à esquerda no que toca a HTML e tudo o que esteja relacionado por isso vai me dar imenso jeito
    beijinhos

    http://umacolherdearroz.blogspot.pt/

    ResponderEliminar
    Respostas
    1. Ainda querida, era esse o meu objectivo :D

      Beijinhos

      Eliminar
  14. Por acaso sei algumas coisas de HTML, mas adorei o post! É super útil para todos e acho que devias de continuar :D

    http://purflefox.blogspot.pt

    ResponderEliminar
    Respostas
    1. Ainda bem, sem dúvida que irei fazer mais :D

      Beijinhos

      Eliminar