O objetivo deste tutorial é introduzir aos blogueiros que ainda não conhecem, a linguagem que pode ajudar a resolver alguns problemas do dia-a-dia. Vou pular todo a parte de história e tudo mais. Se tiver interesse pode ver isso na Wikipédia.
HTML é uma linguagem de marcação. A maneira como dizemos ao computador para mostrar as coisas. Um parágrafo é isso, por exemplo:
<p>Texto do parágrafo</p>
Ou seja, o código HTML alí é o <p> e </p>. O <p> é uma tag HTML. Existem muitas tags. As mais comuns são:
- <p> – parágrafo
- <strong> – negrito
- <em> – itálico
- <h1> – título de primeiro nível
- <h2> – título de segundo nível (segue até h5)
- <a> – âncora (links). ex: <a href=”endereço do link”>
- <li> – item de lista
- <img> – imagem
A lista de itens acima tem o seguinte código:
<ul>
<li><p> – parágrafo</li>
<li><strong> – negrito</li>
<li><em> – itálico</li>
<li><h1> – título de primeiro nível</li>
<li><h2> – título de segundo nível (segue até h5)</li>
<li><a> – âncora (links). ex: <a href=”endereço do link”></li>
<li><li> – item de lista</li>
<li><img> – imagem</li>
</ul>
< significa <
> significa >
Observe que o código tem uma marcação que avisa o computador (navegador [ex: Internet Explorer, Firefox]) onde começa a listagem, quais são os itens e onde termina a lista. O ul é o começo (unordered list significa lista não-ordenada).
Nosso interesse no HTML é puramente blogueiro. Por isso não vou explicar passo a passo como criar um documento HTML e descrever suas tags obrigatórias, etc.
Abra o código HTML de um dos seus posts e tente entendê-lo e faça algumas modificações diretas. Geralmente tem-se acesso ao HTML dos posts clicando em “Code” ou “Html” na área de ediçã, seja do Blogger, WordPress ou qualquer outro.
__
Deixe suas dúvidas e ou sugestões nos comentários.
Já que você tocou no assunto:
Qual a diferença entre (bold) e (strong)?
B é meramente negrito. Enquanto STRONG é um negrito semântico, com significado.
Colocar palavras com STRONG significa que você está dizendo à máquina (Googlebot, principalmente) que aquilo é importante.
Eu não sei como é no WordPress, mas no Blogger é mais tranquilo, pois ele te dá botões que formatam seu texto automaticamente, como no Word. Uso esses tags mais para linkar algum texto mesmo.
Muito bom!
Facil de entender para quem ta começando.
Eu tambem tava colocando umas dicas Html no meu blog, mas eu falei especificamente da Meta-tag para sites de buscas.
Abraços
Rafael, aprendi um pouco sobre estes códigos, observando. Hoje já edito meus temas, e, na medida do possível, os deixo da maneira que gosto.
Só pra ajudar a esclarecer melhor.
I ou itálico é meramente visual, enquanto EM é uma ênfase (ou destaque).
B ou bold é meramente visual, enquanto STRONG é uma ênfase forte (ou super destaque).
EM ou STRONG não precisam necessariamente ter a aparência de itálico ou negrito, pois isso pode ser determinado através das folhas de estilo (CSS), mas eles sempre vão ter o significado (semântica) de destaque.
Segue o link: http://htmlplayground.com/ bastante útil pra entender bem o significado das tags, com exemplos de usos e resultados (em inglês, mas é fácil de entender).
vlw t+
Cara não gostei… além de serem dicas muitos simples fugiu da cara do blog verde…
Algo me diz que você quis fazer “<” ao invés de “<” em alguns momentos aí no seu post…
Hey..
Muito bom seu post.
Bem explicadinho e fácil de entender pra quem não entende batatas do assunto e só tá começando (como eu). xP
Beijookas.
ghjghjghjghj
h
j
ghj
Essa é meio complicada.
Como colocar uma âncora do tipo num blog?
O problema surge porque durante a criação do blog o programa blogger não aceita o link curto “#teste” e adiciona ao mesmo o link do site de edição do blog.
Só consegui resolver este problema publicando o blog e depois utilizando o site final, refazer as âncoras da postagem.
Minha duvida é saber se existe uma forma do programa de edição aceitar o link teste, sem acrescentar nada ao mesmo.
cara, gostei, apesar de contrariar alguns, pois sai do tema do blog, acho muito valido, pois temos que ser um pouco generalistas, para que alguns curiosos como eu tenham tenham estas opções de conhecimento didaticas que em muitos outro que se propõe a isto não tem, este não é um blog para ensinar html, mas foi o unico que me fez entender uma coisa tão basica e tão fundamental como foi o colocado neste post.
abraços,
como estou aprendendo, ainda não consegui fazer uma lista com blogs que visito, mas assim que fizer o BLOGVERDE estará lá.
se eu tenho um contador de visitas e eu escrevo
Visitas:
codigo
mas eu quero que fique uma linha de espaço entre o titulo e o codigo como eu faço??