🌐 HTML - HyperText Markup Language

Introdução

HTML é uma das principais tecnologias utilizadas para criação de páginas na internet.

Ele define a estrutura e organização dos conteúdos que serão exibidos pelo navegador.

📌 HTML não é uma linguagem de programação. É uma linguagem de marcação utilizada para estruturar informações.

O que significa HTML?

Sigla Significado
H Hyper
T Text
M Markup
L Language

Tradução: Linguagem de Marcação de Hipertexto

O que é HTML?

HTML é uma linguagem responsável por criar a estrutura de documentos web utilizando elementos chamados tags.

Exemplo de estrutura:


<h1>
Título da página
</h1>


<p>
Texto de exemplo.
</p>


Como o HTML funciona?

Desenvolvedor
⬇️

Código HTML
⬇️

Navegador
⬇️

Página Web

O navegador interpreta as tags HTML e transforma o código em uma interface visual.

HTML, CSS e JavaScript

Tecnologia Responsabilidade
HTML Estrutura da página
CSS Aparência e estilos
JavaScript Interatividade e comportamento

Exemplo Comparativo

HTML:
🧱 Estrutura da casa

CSS:
🎨 Pintura e decoração

JavaScript:
⚙️ Funcionamento e automação

Características do HTML

Principais Elementos HTML

Elemento Utilização
<html> Define o documento HTML
<head> Informações da página
<body> Conteúdo visual
<h1> Títulos
<p> Parágrafos

Primeiro Documento HTML



<!doctype html>

<html>

<head>

<title>
Minha primeira página
</title>

</head>


<body>


<h1>
Olá Mundo!
</h1>


</body>


</html>



Onde o HTML é utilizado?

Vantagens do HTML

Vantagem Descrição
Simplicidade Fácil aprendizado inicial
Compatibilidade Funciona nos principais navegadores
Padronização Segue regras internacionais
Integração Trabalha junto com CSS e JavaScript

Resumo da Aula

🎓 Aula concluída! Agora você conhece os fundamentos do HTML e sua importância no desenvolvimento web.