Capítulo 1 - HTML

HTML é a linguagem padrão para criar páginas web, definindo sua estrutura e conteúdo. Ele é interpretado por navegadores, que exibem o conteúdo visualmente, e trabalha em conjunto com CSS e JavaScript para criar páginas interativas. Uma página HTML básica inclui as tags <html>, <head> e <body>.

Enviado por

Alex Luciano

Direitos autorais

Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.

Formatos disponíveis

Baixe no formato TXT, PDF, TXT ou leia on-line no Scribd

0% acharam este documento útil (0 voto)

15 visualizações2 páginas

Capítulo 1 - HTML

Enviado por

Alex Luciano

Direitos autorais

Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.

Formatos disponíveis

Baixe no formato TXT, PDF, TXT ou leia on-line no Scribd

Você está na página 1/ 2

Capítulo 1 — Introdução ao HTML

O que é HTML?

HTML (HyperText Markup Language) é a linguagem padrão para criar páginas na web.
Ela define a estrutura e o conteúdo de um site, como títulos, parágrafos, imagens,
links e muito mais.

Importante: HTML não é uma linguagem de programação, mas sim de marcação, usada
para descrever a estrutura da informação.

Como funciona uma página HTML

Uma página HTML é um arquivo de texto com extensão .html, que pode ser aberto em
qualquer navegador (como Google Chrome, Firefox ou Safari). O navegador interpreta
as marcas (tags) do HTML e renderiza uma página visual para o usuário.

Ferramentas necessárias

Você só precisa de:

• Um editor de texto (sugestão: Visual Studio Code)
• Um navegador de sua escolha

Dica: editores como o VS Code oferecem destaque de sintaxe e autocompletar, o que

facilita muito o aprendizado.

HTML, CSS e JavaScript: quem faz o quê?

• HTML: estrutura e conteúdo
• CSS: aparência e estilo (cores, fontes, layout)
• JavaScript: interatividade (ex: abrir um menu, validar formulários)

Essas três tecnologias juntas formam o núcleo de quase toda página web moderna.

Primeiro exemplo de página HTML

Crie um arquivo chamado index.html e cole o seguinte conteúdo:

<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Minha Primeira Página</title>
</head>
<body>
<h1>Olá, mundo!</h1>
<p>Essa é a minha primeira página HTML.</p>
</body>
</html>

Explicando o código:
Parte Função
<!DOCTYPE html> Informa ao navegador que estamos usando HTML5
<html lang="pt-BR"> Tag principal que envolve toda a página
<head> Contém informações sobre a página (título, codificação, etc.)
<meta charset="UTF-8"> Define a codificação para suportar acentos
<meta name="viewport"...> Faz a página se adaptar a diferentes tamanhos de tela
(responsividade)
<title> Define o título que aparece na aba do navegador
<body> Contém o conteúdo visível da página (títulos, textos, imagens, etc.)

Resumo
• HTML define a estrutura da web
• Navegadores interpretam HTML para exibir conteúdo ao usuário
• A combinação com CSS e JavaScript cria páginas bonitas e interativas
• A estrutura básica de uma página HTML é composta por <html>, <head> e
<body>

Exercício