Dicas básicas de HTML para o seu blog
quarta-feira, março 02, 2016Desde os primórdios do blog, eu já amavaaaaaaa mexer nessa parte mais técnica. Passava tardes e tardes, com um amigo, fã das T.a.T.U's na época, montando sites de fã clubs, criando banners e, instintivamente, aprendendo sobre códigos, FTPs, tags e todo o funcionamento de um site. Desde então, nunca esqueci comandos básicos e costumo pensar que, foi quase um cursinho de HTML para iniciantes. Tudo que sei hoje, aprendi com a internet, tutoriais, fuçando, colocando blogs fora do ar, conseguindo, depois de horas, mudar o cabeçalho de lugar e enfim... como as crianças aprendem: fuçando.
Construir um blog, pra quem não tem muitos recursos, não é apenas fazer um cadastro no Blogger ou Wordpress e começar a escrever. É preciso escolher um layout, cores, posições, configurações e mais mil e um pontos. É preciso colocar a mão na massa e aprender, nem que seja um pouquinho só, de HTML e linguagens para internet. Isso se você se importa com o visual. Eu, por exemplo, gosto das fotos todas no mesmo tamanho, um padrão de cores no layout e enfim... pequenos detalhes que requerem tempo e trabalho.
Pensando em vocês, vim com mais uma dica pros bloguinhos. São pontos básicos e importantes sobre a linguagem da internet. Eu tou sempre procurando sobre isso na internet porque, como vocês vão ver, depois que começarem a mexer, sempre tem uma surpresa, ou algo inesperado acontece! Por isso, resolvi ajudar. Vamos ao que interessa! Pega a caneta e o bloquinho pra anotar tudo!
No blog, quando entramos na página de edição em HTML, nos deparamos com alguns termos comuns a quase todos os layouts. E é com isso que quero ajudar vocês hoje, já que, corriqueiramente, é preciso editar algo de forma mais profunda, ou até mesmo, corrigir ou modificar algo no layout do nosso bloguinho. Alguns exemplos são:
HEAD – <head> </head>
Tag que define o início e o fim do cabeçalho.
BODY – <body> </body>
Tag onde devem ser inseridos os conteúdos do blog que deverão ficar visíveis ao usuários na "pagina online" no navegador do leitor.
Dentro da tag <body> é que vão entrar todos os elementos que ficarão visíveis aos leitores, como a tag <h1> </h1> que é utilizada para marcar um título.
Outra tag bem comum também, é a <br> </br>, usada para definir uma quebra de linha.. tipo um "Enter", sabe?
Quando inserimos uma imagem à postagem ou ao corpo do site, no HTML é gerado uma tag <img> que funciona mais ou menos assim: <img src="imagem.jpg" width="50" height="50" alt="Descrição da imagem" /> Onde width é a largura da sua imagem e height é a altura. Para os vídeos, é quase a mesma coisa. Teste por exemplo, pegar o código de incorporação de um vídeo seu, na opção de compartilhar, no Youtube, e compare.
Para centralizar algo no post ou em barras laterais, por exemplo, pode-se usar a tag <center> e a </center> ao final do que se quer centralizar.
Outro ponto interessante também, são as cores. No HTML você não vai encontrar algo como "cabeçalho com fundo pink". Serão códigos de 6 letras, geralmente, que informarão a cor daquele elemento. Essa tabela de cores pode ser identificada nesse link: Tabela de Cores HTML
Claro que além de todos esses códigos e tags simples, há MUITO mais por trás de uma página na internet. HTML é um tema bastante denso e cheio de pormenores que, quanto mais você aprende, mais incrível se torna. Isso que citei são apenas comandos basiquérrimoooooooooos, pra quando você abrir o seu HTML, saber pelo menos do que se trata todas aquelas letras e números, aparentemente, desencontradas.
Vocês gostam desse tipo de dica? Espero muuuuito que sim, eu amo e acho super válido! heheh
Beijinhos e até a próxima =***
0 comentários