Informática 2026: Seg-Qua-Sex – 13h30 às 16h50 / Terça e Quinta: 8h30 às 11h30 ou 13h30 às 16h50 / Web Designer: Seg-Qua-Sex – 8h30 às 11h30

ESTRUTURA HTML

O HTML (HyperText Markup Language), ou Linguagem de Marcação de Hipertexto, é a base da web. Ele define a estrutura e o significado do conteúdo de uma página, mas não é uma linguagem de programação — e sim de marcação.

Enquanto o HTML organiza o conteúdo, o CSS define a aparência (cores, estilos, layout) e o JavaScript adiciona interatividade e comportamento.

Criado em 1991 por Tim Berners-Lee, o HTML passou por várias versões até chegar ao HTML5, que é o padrão atual. Arquivos HTML usam a extensão .html.

Hipertexto e Marcação

Hipertexto: são os links que conectam páginas dentro de um site ou entre sites.
Marcação: consiste em anotar textos, imagens e outros conteúdos com elementos que dizem ao navegador como exibi-los.

Exemplos de elementos: <head>, <title>, <body>, <header>, <footer>, <article>, <section>, <p>.

Estrutura do HTML

Tags: todo documento HTML usa etiquetas (tags), escritas entre < >.

<tag>conteúdo</tag>

A maioria tem abertura e fechamento, mas existem as tags vazias, que não precisam ser fechadas:
<br>

Atributos: são propriedades que definem características extras da tag, no formato nome="valor".

<img src="foto.jpg" alt="Descrição da imagem">

As tags permitem estruturar, hierarquizar e organizar todo o conteúdo de uma página web.

EDIÇÃO DE DOCUMENTOS HTML

É possível criar arquivos HTML usando qualquer Editor de Textos, contudo é mais conveniente e apropriado usar editores próprios para escrever marcação HTML, ou seja, existem Editores HTML. Existem vários Editores HTML, como por exemplo:

Notepad++ (https://notepad-plus-plus.org/),

Sublime Text (https://notepad-plus-plus.org/),

Visual Studio Code (https://code.visualstudio.com/)

VS Code

ESTRUTURA HTML

A estrutura de um documento HTML apresenta os seguintes componentes básicos:

Estrutura básica de um documento HTML

<!DOCTYPE HTML>
Declara o tipo de documento e informa ao navegador a versão do HTML (hoje, HTML5). Não é uma tag, é uma declaração obrigatória no início do arquivo.

<html lang="pt-br">
Indica o início do documento HTML e o idioma da página. O atributo lang="pt-br" ajuda tradutores automáticos e buscadores a identificar que o conteúdo está em português do Brasil.

<head> ... </head>
Cabeçalho da página. Contém informações que não aparecem diretamente para o usuário, mas são essenciais: título, metadados, links para arquivos externos (CSS, JavaScript, ícones, etc).

<meta charset="UTF-8"> → define a codificação de caracteres. O UTF-8 garante suporte a acentos e caracteres especiais.
<meta name="viewport" content="width=device-width, initial-scale=1.0"> → adapta o site a diferentes tamanhos de tela, tornando-o responsivo.
<title> → define o título exibido na aba do navegador e nos resultados de busca. Deve ser claro e objetivo.
<link> → conecta arquivos externos, como CSS ou ícone do site.
<script> → carrega arquivos JavaScript.

<body> ... </body>
É o corpo da página: tudo que o usuário vê no navegador — textos, imagens, vídeos, links, formulários, animações etc.

Observações importantes

HTML não diferencia maiúsculas de minúsculas (<HTML> ou <html> funcionam igual).
Por boa prática, use sempre letras minúsculas em tags e atributos.
O título da página é essencial para SEO e também será usado como nome ao salvar nos favoritos.

Google Sites

Report abuse