3 - Classificação dos elementos de um documento HTML

Um documento HTML é definido pelo uso do elemento <html>. O elemento <html> é dividido em duas seções, denominado de cabeçalho e corpo. O cabeçalho é definido pelo elemento <head> e o corpo pelo elemento <body>. Desta forma, abaixo podemos demonstrar uma estrutura típica de um documento web:


            <!DOCTYPE html>

            <html>

            <head>

            <title>Programação WEB - AIEC!</title>

            </head>

            <body>

            <p>Bem vindo ao módulo 4 da unidade 1!</p>

            </body>

            </html>

Os elementos <title> e <p> servem respectivamente para definir o título do documento e um parágrafo como seu conteúdo. O título aparece no canto superior esquerdo da janela do seu navegador, seja na área da guia de navegação ou na barra de título, neste último caso para os navegadores que não oferecem suporte a guias. Já o parágrafo, aparece na área de conteúdo do navegador, conforme pode ser observado na imagem abaixo. O código acima pode ser digitado em um editor de texto ASCII puro, por exemplo, como o bloco de notas, e pode ser salvo em um arquivo cuja extensão seja, por exemplo, “.html”. Depois basta abrir o arquivo, com um clique duplo, por exemplo, no seu navegador web padrão já instalado em seu computador para visualizar um resultado semelhante ao exibido pela tela abaixo: