EmBLOG 101, Sem categoria

Blog 101 | 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.

You may also like

35 Comentários

  • Ângela Barbosa

    Adorei a ideia Daniela e acho que faz falta artigos assim 🙂

    Beijinhos 🙂

    Volta & Meia
    Facebook

    13 Setembro, 2017 at 8:17 Reply
  • Cátia Rodrigues

    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!

    13 Setembro, 2017 at 8:59 Reply
  • Kuki

    Adorei.. Já me deu um jeitaço! Obrigada 🙂
    Beijinhos

    Kuki Dreams | Facebook

    13 Setembro, 2017 at 10:17 Reply
  • Sofia Veloso

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

    13 Setembro, 2017 at 12:01 Reply
  • Jéssica Paiva

    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/

    13 Setembro, 2017 at 12:56 Reply
  • Ana Rita Nascimento

    Adorei a rubrica! Vai-me dar tanto jeito! Mil obrigadas minha querida 😀
    Beijinho, Ana Rita*

    13 Setembro, 2017 at 13:03 Reply
  • Ana

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

    13 Setembro, 2017 at 13:15 Reply
  • Catarina Sofia

    Gostei desta nova rubrica! 😀

    13 Setembro, 2017 at 14:04 Reply
  • Beatriz Martins

    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

    13 Setembro, 2017 at 14:37 Reply
  • Classe Cappuccino

    Gostei desta ideia!

    13 Setembro, 2017 at 15:50 Reply
  • Marta Carvalho

    Adorei a rubrica! Super útil! 😀

    amarcadamarta.blogspot.pt

    13 Setembro, 2017 at 16:41 Reply
  • Melanie Moreira

    Uhhh isso vai dar um jeitão ahah

    Beijinhos
    That Girl | FACEBOOK PAGE | INSTAGRAM | TWITTER

    13 Setembro, 2017 at 19:15 Reply
  • Daniela Santos

    Ainda bem querida, como ainda não tinha visto nada assim pensei em fazer 😀

    Beijinhos

    14 Setembro, 2017 at 10:38 Reply
  • Daniela Santos

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

    Beijinhos

    14 Setembro, 2017 at 10:39 Reply
  • Daniela Santos

    Ainda bem querida 😀

    Beijinhos

    14 Setembro, 2017 at 10:39 Reply
  • Daniela Santos

    Ainda bem 😀

    Beijinhos

    14 Setembro, 2017 at 10:39 Reply
  • Daniela Santos

    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 😀
    Segui de volta

    Beijinhos

    14 Setembro, 2017 at 10:42 Reply
  • Daniela Santos

    Ainda bem, por isso é que a criei 😀 Obrigada eu por visitares o meu blog <3

    Beijinhos

    14 Setembro, 2017 at 10:43 Reply
  • Daniela Santos

    Muito obrigada 😀

    Beijinhos

    14 Setembro, 2017 at 10:44 Reply
  • Daniela Santos

    Ainda bem querida 😀

    Beijinhos

    14 Setembro, 2017 at 10:44 Reply
  • Daniela Santos

    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

    14 Setembro, 2017 at 10:46 Reply
  • Daniela Santos

    Ainda bem querida 😀

    Beijinhos

    14 Setembro, 2017 at 10:47 Reply
  • Daniela Santos

    Ainda bem 😀

    Beijinhos

    14 Setembro, 2017 at 10:47 Reply
  • Joana Neves

    Muito útil! Vou acompanhar! Obrigada pela partilha 🙂

    14 Setembro, 2017 at 11:05 Reply
  • Mimi in the Mirror

    Este comentário foi removido pelo autor.

    14 Setembro, 2017 at 11:56 Reply
  • Mimi in the Mirror

    excelente 1 0 1 de html,

    eu vou seguir atentamente!

    beijinho

    Mimi in the Mirror/

    14 Setembro, 2017 at 11:58 Reply
  • Daniela Santos

    Ainda bem 😀

    Beijinhos

    14 Setembro, 2017 at 13:25 Reply
  • Daniela Santos

    Ainda bem 😀 Obrigada eu pela visita

    Beijinhos

    14 Setembro, 2017 at 13:25 Reply
  • Daniela Santos

    Ainda bem querida 😀

    Beijinhos

    14 Setembro, 2017 at 13:25 Reply
  • Monyque Evelyn

    Ótimas dicas, gostei 😀

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

    14 Setembro, 2017 at 14:43 Reply
  • Ivânia Barbosa

    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/

    14 Setembro, 2017 at 23:16 Reply
  • Filipa

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

    http://purflefox.blogspot.pt

    16 Setembro, 2017 at 22:21 Reply
  • Daniela Santos

    Ainda bem 😀

    Beijinhos

    16 Setembro, 2017 at 22:24 Reply
  • Daniela Santos

    Ainda querida, era esse o meu objectivo 😀

    Beijinhos

    16 Setembro, 2017 at 22:27 Reply
  • Daniela Santos

    Ainda bem, sem dúvida que irei fazer mais 😀

    Beijinhos

    16 Setembro, 2017 at 22:28 Reply
  • Deixa um comentário

    Este site utiliza o Akismet para reduzir spam. Fica a saber como são processados os dados dos comentários.

    %d bloggers like this: