Curso de HTML: Introdução à Web e ao HTML.

Aula 001 — Introdução à Web e ao HTML

---

1) O que é a Web (WWW)

A World Wide Web (WWW) é um sistema de páginas e recursos (textos, imagens, vídeos, aplicações) interligados por links e acessados pela internet. O que você “abre no navegador” normalmente é conteúdo da Web.

É fundamental diferenciar:

• Internet: infraestrutura física e lógica, ou seja, a rede mundial de computadores.
• Web: um serviço que utiliza a internet para disponibilizar páginas e aplicações.

---

2) Como uma página chega até você (visão simplificada)

Quando você digita um endereço (por exemplo, exemplo.com) no navegador e pressiona Enter, ocorre o seguinte processo:

1. O navegador consulta o DNS para localizar o servidor.
2. É enviada uma requisição via HTTP ou HTTPS.
3. O servidor responde com arquivos como HTML, CSS, JavaScript e imagens.
4. O navegador interpreta o HTML e renderiza a página na tela.

---

3) O que é HTML?

HTML (HyperText Markup Language) é uma linguagem de marcação utilizada para estruturar o conteúdo de páginas web.

• HTML não é uma linguagem de programação.
• Ele serve para marcar e organizar conteúdos.
• Define títulos, parágrafos, listas, links, imagens, formulários e outros elementos.

---

4) HTML, CSS e JavaScript: funções distintas

No desenvolvimento web, cada tecnologia possui um papel específico:

• HTML: estrutura da página (conteúdo).
• CSS: apresentação visual (cores, fontes, layout).
• JavaScript: comportamento e interatividade.

Exemplo prático:

• O HTML cria um botão.
• O CSS define a aparência desse botão.
• O JavaScript define o que acontece quando o botão é clicado.

---

5) Ferramentas básicas para o curso

Para acompanhar este curso, você precisará apenas de:

• Um navegador moderno (Chrome, Firefox, Edge ou Safari).
• Um editor de código, preferencialmente o Visual Studio Code.
• Uma estrutura de pastas organizada.

Sugestão de organização:

curso-html/
└── aula-01/
    └── index.html

---

6) Arquivos HTML

Arquivos HTML possuem a extensão .html e podem ser abertos diretamente em um navegador.

Exemplos comuns:

• index.html
• sobre.html
• contato.html

O arquivo index.html geralmente é utilizado como página inicial de um site.

---

7) Exercício prático

1. Crie uma pasta chamada curso-html.
2. Dentro dela, crie a pasta aula-01.
3. Crie o arquivo index.html dentro dessa pasta.

Na próxima aula, você escreverá a estrutura completa do seu primeiro documento HTML.

---

8) Resumo da Aula 001

• A Web é um serviço que funciona sobre a internet.
• O navegador solicita arquivos a um servidor web.
• HTML é a base estrutural das páginas.
• CSS e JavaScript complementam o HTML.
• Você já organizou o ambiente inicial do curso.

→ Índice de Aulas ←