Aula 5

Estrutura Básica de uma Página Web (HTML) 📝💻

💻 O que é HTML?

🔎 HTML é a linguagem usada para criar a estrutura de páginas da web.
✅ Ele organiza o conteúdo: textos, imagens, links e vídeos.
✅ É composto por tags (etiquetas) que dizem ao navegador como exibir o conteúdo.

💡 Exemplo: A tag <p> indica um parágrafo, enquanto <h1> indica um título.

<!DOCTYPE html>

<html>

<head>

<title>Minha Primeira Página</title>

</head>

<body>

<h1>Olá, Mundo!</h1>

<p>Este é o meu primeiro parágrafo em HTML.</p>

</body>

</html>

🔎 Explicando o código:

<!DOCTYPE html> → Diz ao navegador que é um documento HTML.
<html> → Início do código HTML.
<head> → Contém informações invisíveis ao usuário, como o título da aba.
<title> → Nome que aparece na aba do navegador.
<body> → Onde fica o conteúdo visível da página.
<h1> → Título principal.
<p> → Parágrafo de texto.

🌟 Curiosidades:

💡 1️⃣ O primeiro site do mundo ainda está no ar!
Criado por Tim Berners-Lee em 1991, você pode acessá-lo aqui: Primeiro site da web 🌍

💡 2️⃣ Por que usamos “Olá, Mundo!”?
A frase "Olá, Mundo!" é usada tradicionalmente como o primeiro exemplo em qualquer linguagem de programação ou marcação. É uma forma simples de ver se o código está funcionando.

💡 3️⃣ O HTML não é uma linguagem de programação!
Apesar de muita gente pensar o contrário, o HTML é uma linguagem de marcação, pois apenas organiza o conteúdo e não cria funcionalidades.

💡 4️⃣ As páginas que você vê todos os dias começam assim!
Sites como Google, YouTube e Instagram têm HTML por trás de suas interfaces. A diferença é que eles são muito mais complexos e usam outras linguagens junto com o HTML.

🔥Horá do Código! 🔥

Recrie a página abaixo utilizando o VS code:

Google Sites

Report abuse