HTML básico para o seu blog

Compartilhe:

html para o seu blog

Uma das perguntas mais recorrentes que me chegam via Facebook ou e-mail é sobre o template do Komorebi e como eu fiz para customizá-lo. Não vou mentir e dizer que não é cansativo responder sempre a mesma coisa um zilhão de vezes. Mas eu entendo. Quando você está começando e não tem nenhuma noção sobre blogs, templates e códigos, se deparar com uma tela quase infinita e cheia de letras pode ser frustrante e desesperador. É como ler um idioma estrangeiro de que nunca se ouviu falar.

Mas nada tema!

No post de hoje, você vai aprender alguns conceitos básicos sobre a linguagem HTML. Assim, quando você tiver que editar algo no seu template ou postagem, toda aquela sopa de letrinhas vai começar a fazer sentido. ;)

APRENDENDO HTML BÁSICO

O que é?

HTML é uma sigla para a expressão inglesa HyperText Markup Language, em português "Linguagem de Marcação de Hipertexto". Trata-se de uma linguagem para o desenvolvimento de páginas na internet. Ela diz exatamente como um documento foi construído (como a escolha da posição e tamanho de imagens, cor do texto, alinhamentos e etc).

A estrutura do HTML é composta por etiquetas, também conhecidas como tags, que possuem uma aparência geral assim: <e>. Esses elementos são os comandos de formatação da linguagem. A maioria das etiquetas tem sua correspondente de fechamento, representada com uma “barra” ( / ). Exemplo:

<tag> ... </tag>

Uma vez que as tags servem para definir a formatação de um texto, temos que delimitar onde começa e onde termina a porção de texto com a formatação especificada por elas. Quantas vezes você se deparou com o erro no template por conta de uma etiqueta sem fechamento? Comigo não foram poucas. Sempre preste atenção nisso.

Estrutura básica de HTML

estrutura básica html

Exemplos de Tags bastante usadas:

<a href="URL"> – Hyperlink.
<img src=”http://SUA-IMAGEM.jpg”> – Código para imagem
<alt> – Texto alternativo para quando uma imagem não pode ser mostrada.
<b> – Negrito.
<i>  itálico
<s>  riscado
<br> – Quebra de linha simples.
<div> – Seção em um documento.
<img> – Imagem.
<h1>, <h2>, <h3> ... <h6> – Variantes hierárquicas dos títulos. H1 marca o título de maior relevância (preferencialmente o título do texto). Os demais são subtítulos.
<p> – Parágrafo
<span> – Grupo de elementos inline (boa opção para adicionar CSS* sem criar quebra de parágrafo).

*CSS ou Cascading Style Sheets  é uma "folha de estilo" composta por “camadas” e utilizada para definir a apresentação (aparência) em páginas da internet que adotam para o seu desenvolvimento linguagens de marcação (como XML, HTML e XHTML). (TECMUNDO, 2009)

Bom, é isso! Espero que você possa ter tirado algumas dúvidas sobre linguagem HTML. Se quiser se aprofundar no tema ou tiver dúvidas, eu encontrei um e-book muito interessante e super fácil de entender. Clique aqui para acessá-lo. E se você manja de inglês, no W3Schools existe muitos tutoriais e informações incríveis sobre desenvolvimento de sites. #FicaDica. Na próxima semana, vamos falar sobre CSS! Então, fique de olho!

Quer mais dicas para blog? Confira o que rolou nas quintas passadas e não esqueça de comentar e compartilhar nas redes. Sharing is sexy. ;)


Comentários

BLOGGER: 5
Loading...
Nome

#Blogs,1,#links da semana,1,#NaWeb,1,2016,1,A astronauta de mármore,1,Adsense,1,agregadores,2,agregadores blog,1,agregadores de links,1,alta qualidade,1,apps,2,aprendendo css basico,1,aviso,1,BEDA,7,blog,11,Blog Day,1,blog tips,4,blogger,6,blogger ou wordpress,1,blogger wordpress comparacao,1,blogging,6,blogosfera,8,Blogs,21,bloqueio criativo,1,botanica,1,cabeçalho,1,cherryla,1,código html,2,colmeia,1,como criar um nome para o blog,1,como divulgar blog,1,como escolher o nicho do blog,1,conteúdo,4,cornish,1,criação,1,criar logo,1,criatividade,3,CSS,1,CSS básico,1,Dan Britton,1,de tudo um pouco,1,design,4,dica,4,dica para blog,1,Dicas,11,dicas para blog,2,dicas para bloqueio criativo,1,dislexia,1,divulgacao,2,downloads,2,escrever para blogs,1,escrever para web,2,eu odeio o seu blog,1,featured,7,foco,1,fonderful,1,fonte dislexia,1,fontes,2,fontes gratis,1,free,6,free font,1,geralinks,1,Google,1,grátis,3,guia básico,1,header,1,HTML,2,html basico,1,HyperText Markup Language,1,ideias criativas,1,imagens de graça,1,iniciante,4,kakao talk,1,karla script,1,kik messenger,1,Komorebi,8,line,1,link,2,link party,3,logo,1,lovetoon,1,marca,2,marketing de conteúdo,1,marshe,1,metas,1,motivação,1,motivação para escrever,1,nicho,1,nome do blog,1,novas diretrizes,1,ocioso,1,palavras,1,pessoal,4,photoscape,1,photoshop,1,pirâmide invertida,1,planejamento,1,pra baixar,3,programação,1,qual o melhor,1,quintas de blog,13,recurso,2,redes sociais,1,Rotaroots,1,royalties free,1,sdv,1,SEO,1,shallom,1,spam,1,stella,1,sumo me,1,tag,1,tema wordpress gratis,1,temas para blog wordpress free,1,temas para postar,1,template,2,template blog high quality,1,template blog wordpress free,1,template blogger com slideshow,1,template blogger gratis,1,template blogger responsivo,1,templates blogger,1,templates blogger gratis,1,templates blogger premium,1,tipografia,3,tool,1,tráfego,1,troco likes,1,tutorial,2,ueba,1,vantagens,1,viber,1,vida-de-blogger,6,wayback,1,web,1,whatsapp,1,wordpress,1,writing prompts,1,
ltr
item
Komorebi: HTML básico para o seu blog
HTML básico para o seu blog
Aprenda o que é html e quais seu fundamentos básicos.
https://1.bp.blogspot.com/-7oPdIrPA6zE/VtIhfqz9o_I/AAAAAAAABck/S2gwa2VHpP4/s640/html-para-seu-blog.jpg
https://1.bp.blogspot.com/-7oPdIrPA6zE/VtIhfqz9o_I/AAAAAAAABck/S2gwa2VHpP4/s72-c/html-para-seu-blog.jpg
Komorebi
http://www.blogkomorebi.com.br/2016/03/html-basico.html
http://www.blogkomorebi.com.br/
http://www.blogkomorebi.com.br/
http://www.blogkomorebi.com.br/2016/03/html-basico.html
true
8738847383331650782
UTF-8
Todas postagens carregadas Nenhuma postagem encontrada VER TUDO LEIA MAIS Responder Cancelar resposta Deletar Por Início Páginas Postagens Veja Tudo LEIA TAMBÉM Tag Arquivo PESQUISAR Todas as postagens Não foram encontrados resultados com a sua entrada Voltar ao início Domingo Segunda-feira Terça-feira Quarta-feira Quinta-feira Sexta-feira Sábado Dom Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez Nesse momento 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago há + de 5 semanas Seguidores Seguir ESTE CONTEÚDO É PREMIUM Por favor, compartilhe para desbloquear Copiar todo o código Selecionar todo o código Todos os códigos foram copiados para a área de transferência Não é possível copiar os códigos / textos, por favor pressione [CTRL] + [C] (ou CMD + C com Mac) para copiar