Noções básicas de HTML

Apesar do foco dessa página estar relacionada à Geografia, nos últimos dias estou me especializando em uma área um pouco diferente, e, gostaria de compartilhar um pouco do que aprendi. E, pra começar, que tal falar nas linguagens base da web: o HTML. O HTML (Hipertext Markup Language) é um composto de tags e texto que são interpretados por um browser (navegador web). As tags seriam como “manual” de interpretação para o  navegador.

Vejamos alguns exemplos

<html> Indica o início de uma página em HTML.

<head> Primeira parte de um HTML, onde ficam as instruções adicionais da página, tais como o título da página, autor, …..

<title>Tag do título da página desenhada. (ela aparece na aba do navegador).

</title> Tag de fechamento do título.

</head> Tag que encerra os atributos desse cabeçalho.

<body> Conteúdo da página. Dentro dessa tag podem ser colocadas várias outras, tais como, cabeçalho, negrito, itálico, sublinhado, tabelas, incorporação de imagens, tamanho de letra, lista, links,…

</body> Tag de fechamento do conteúdo da página.

</html> Indica o fim do código em HTML.

Estas tags podem ser escritas em editores específicos ou ainda num simples bloco de notas. Veja abaixo um exemplo feito atraves do software Notepad++

Exemplo de HTML

Caso tenha interesse em adicionar um toque de estilo na página pra não ficar no HTML seco, existem várias opções, e, entre os mais conhecidos temos o CSS.

E o tal do CSS, o que é?

O CSS Cascading Style Sheetes (Folhas de Estilo em Cascata) adiciona, como o próprio nome já diz, o “estilo” da página. Ele pode tanto estar junto com o código HTML, quanto em um banco de dados a parte, possibilitando alterações de estilo em mais de um HTML a partir da simples “citação” de sua localização.

Dicas de pesquisa

Se você é novato igual eu, recomendo os sites Linha de código e o Imasters. Inclusive no Linha de código tem um tutorial bem claro sobre a linguagem HTML (muito melhor que esse esboço que fiz aqui).

LEIA TAMBÉM

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s