Aprender HTML – Tutorial fácil! Parte 1 – Introdução

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.