Learning Hub Logo

Sobre Diego Pinho

Professor especialista em tecnologia com mais de 10 anos de experiência. Autor de livros técnicos e criador de cursos que já impactaram milhares de estudantes.

Visite meu site principal →

Serviços

  • Área do Aluno
  • Solicite um orçamento
  • Trabalhe Conosco

Redes Sociais

  • Youtube
  • TikTok
  • Instagram
  • LinkedIn

Links

  • Site Institucional
  • Nosso Blog
  • Cursos Online
  • Livros Publicados

Professor Diego Pinho

Educação, Tecnologia e IA © 2026

HTML›Introdução ao HTML

Introdução ao HTML

O que é HTML, para que serve e como começar a estruturar uma página web

⚡1 min de leitura

O que é HTML?

HTML (HyperText Markup Language) é a linguagem de marcação usada para criar a estrutura de uma página web.

Com HTML você define o que cada parte da página é: um título, um parágrafo, uma imagem, um link, uma lista e assim por diante.

Ele não cuida do visual bonito da página e nem da interatividade.

De forma simples:

  • HTML estrutura o conteúdo;
  • CSS estiliza;
  • JavaScript adiciona comportamento.

Exemplo simples

Um arquivo HTML bem básico pode ser assim:

1<!DOCTYPE html> 2<html> 3 <head> 4 <title>Minha primeira página</title>

Entendendo o exemplo

Nesse código:

  • <!DOCTYPE html> informa que o documento usa HTML5;
  • <html> representa o documento inteiro;
  • <head> guarda informações sobre a página;
  • <title> define o nome que aparece na aba do navegador;
  • <body> contém o conteúdo visível;
  • <h1> é um título principal;
  • <p> é um parágrafo.

HTML na prática

No dia a dia, HTML é usado para montar a base de páginas como:

  • páginas de site;
  • blogs;
  • formulários;
  • páginas de login;
  • áreas administrativas.

Mesmo em projetos com frameworks modernos, o HTML continua ali por baixo dos panos. Saber o básico de HTML é essencial para entender como a web funciona e para criar páginas que sejam acessíveis e bem estruturadas.

Próximo →Editores HTML
5 </head>
6 <body>
7 <h1>Olá, mundo!</h1>
8 <p>Esta é a minha primeira página em HTML.</p>
9 </body>
10</html>