As tags são constituídas por um comando inserido dentro dos símbolos de menor que < e maior que >. Exemplo: <html>; <body>; <br>.
As tags sempre começam <> e, via de regra, são fechadas por </>. Ex: <html> … </html>. Porém, nem todas as tags precisam ser fechadas, como por exemplo a tag <p> que insere um espaço (parágrafo) entre as linhas.
Um documento HTML básico deve conter pelo menos as seguintes tags:
<html>
<head>
<title>Título da página</title>
</head>
<body>
Corpo da página
</body>
</html>
Observe que as tags usadas no exemplo foram fechadas ao final de sua área de influência.
Não precisamos de um compilador para obter um resultado dos códigos HTML. Tudo o que precisamos é um editor de textos comum e de um navegador que se encarregará de interpretar o código. A diferença básica que fará com que o sistema operacional indentifique que se trata de uma página HTML é a extensão do arquivo. Ou seja, enquanto um arquivo de texto como é salvo com a extensão “.txt”, uma página Web deve ser salva com a extensão “.htm” ou “.html”. Uma primeira página bem básica que possui um título (Primeira página) e uma frase (Alô, Mundo!):
<html>
<head>
<title>Primeira página</title>
</head>
<body>
Alô, mundo!
</body>
</html>
Observação: as formatações das fontes (cores, negrito, itálico) dos exemplos são apenas para fins de facilitar a visualização. Lembre-se de que arquivos de texto não possuem formatação alguma. Portanto não vá copiar os exemplos e tentar salvá-los usando um editor que formata o texto como o Word ou WordPad. Use o bloco de notas ou algum editor apropriado para HTML.
Analisando as linhas de código acima. Todo documento HTML inicia-se com a tag <html> e é encerrado com </html>. Todo o conteúdo do documento deverá estar inserido dentro desse par de tags.
As outras tags fundamentais num documento HTML são aquelas que delimitam o cabeçalho e o corpo do documento. Tudo aquilo que estiver inserido entre a tag de abertura <head> e a de fechamento </head> é considerado cabeçalho do documento. Sem dúvida a parte mais importante do cabeçalho é o título, que é inserido dentro da tag <title>…</title>. Os títulos são mostrados na barra de título do programa e na área em aparecem as páginas já visitadas. Também é fundamental para os mecanismos de busca da internet que exibirão o título da página como o link de opção encontrada. O corpo são os textos, imagens, documentos, formulários etc mostrados pela janela do navegador. No código, corpo é tudo aquilo inserido entre as tags <body> e </body>.
No tocante às cores, bgcolor é o código usado para controlar a cor de fundo (segundo plano) da página; link, a cor dos links não visitados; vlink, a cor dos links visitados; e alink, a cor que o link assume ao ser clicado.