Introdução ao HTML

1. Documento HTML

Como você provavelmente já sabe, todos os sites na internet são feitos de páginas web. Elas também são chamadas de páginas HTML. Mas que bicho é esse?

Um documento HTML é um arquivo de texto que consiste em texto e tags. As tags foram inventadas já nos anos 70 do século passado, para que as pessoas pudessem adicionar informações de serviço aos documentos para os programas que processam esses documentos.

Tag é uma palavra-chave (de serviço), geralmente em inglês, que é colocada entre colchetes angulares (os símbolos 'maior' e 'menor'), para que os programas não confundam tags com palavras comuns.

Exemplo:

<img>

Uma tag também pode conter várias informações de serviço úteis para o programa que processa o documento.

2. Exemplo de Documento HTML

O programa mais popular para trabalhar com tags é o navegador. Tudo que seu navegador exibe para você é o resultado de como ele processa as tags que foram adicionadas ao documento HTML.

Suponhamos que o navegador exiba para você uma página assim:

Manul O Manúlu é um mamífero carnívoro da família dos felídeos. É semelhante em aparência e tamanho a um gato doméstico, mas se diferencia pelo corpo e patas mais curtos e maciços, pupilas redondas, orelhas baixas e um pelo longo e denso.

É assim que o documento HTML desta página seria:

      
<h1>Manul</h1>
<p> O Manúlu é um mamífero carnívoro da família dos felídeos. É semelhante 
em aparência e tamanho a <a href="#">um gato doméstico</a>, mas se 
diferencia pelo corpo e patas mais curtos e maciços, 
pupilas redondas, orelhas baixas e um pelo longo e denso. </p>
<img src="manul.jpg">
      
    

Neste exemplo, vemos texto e tags: h1, p, a e img. O navegador reconheceu as tags e transformou o texto dentro das tags em um título, um link e também adicionou uma imagem no final do texto. É pura magia!