HTML РIntrodṳ̣o

28 de junho de 2010 HTML

Estamos expostos a documentos HTML todos os dias na internet. HTML é simplesmente a base de qualquer documento publicado na rede. Mas, o que significa essa sigla? Como é feito um arquivo HTML? Essas e outras dúvidas serão sanadas nesta série de posts sobre o HTML, o pilar da WEB.

Definição

HTML é a sigla para Hyper Text Markup Language, que em português significa Linguagem de Marcação de Hipertexto. Como já foi dito, é a linguagem de marcação mais utilizada para publicação de páginas na internet, mas não é a única. É interessante dar uma lida na página da Wikipédia sobre HTML onde é possível ver a história desta linguagem, e outras linguagens usadas antes do advento do HTML.

HTML não é linguagem de programação!

É importante ressaltar que HTML é uma linguagem de marcação, nada mais que isso. É uma linguagem onde definimos a estrutura e a formatação do texto, onde definimos cor, tamanho e formato das fontes, locais para inserção de imagem, links e outras especificações. Mas só. HTML não é linguagem de programação. Usando somente HTML, não é possível fazer um site dinâmico e/ou interativo. Para isso, usamos HTML, mais o PHP e outras tecnologias.

Tags

As tags Рou etiquetas Рṣo elementos que ficam entre os sinais de maior e menor Рos par̻nteses angulares, ou simplesmente < e > Рcomo no exemplo abaixo:

<TAG>

Algumas tags – as de formatação de texto por exemplo – precisam ser “fechadas”, ou seja, necessitam da inserção de uma tag que informa ao navegador que seu efeito se encerra alí.

<B>NEGRITO</B>

No exemplo acima, a tag <B> informa que a partir dalí, todo o texto ficará em negrito, e a tag de fechamento </B> informa que o efeito da tag <B> acaba alí, ou seja, o texto volta ao normal.

Estrutura básica

Todo o documento HTML deve seguir a estrutura mostrada abaixo:

<html>
 <head>
  <title>Título</title>
 </head>
 <body>
  Conteúdo
 </body>
</html>

As tags <html>, <head> e <body> são essenciais em todo documento html, pois são elas que dão estrutura básica as páginas. Veja suas funções na tabela abaixo:

<html> Informa ao navegador que, a partir daquela tag, todo conteúdo está codificado na linguagem HTML;
<head> Informa aonde começa e termina o cabeçalho de um documento HTML. O cabeçalho traz informações como o título, folhas de estilo, etc;
<body> Informa aonde começa e termina o corpo do documento, ou seja, seu conteúdo de fato, aquilo que é exibido pelo navegador.

No próximo post veremos algumas tags de formatação e tags utilizadas dentro do head.