Capítulo 03: Inscrições e Pergaminhos (Textos) 📜✍️
Neste capítulo, vamos aprender a adicionar textos, títulos e quebras de linha em nossas páginas, usando o tema Escribas e Pergaminhos!
📖 Títulos e Parágrafos
Para escrever textos no HTML, usamos tags específicas para cada tipo de conteúdo.
<h1>até<h6>: São as tags de título. O<h1>é o maior e mais importante (o título principal), e o<h6>é o menor.<p>: É a tag de parágrafo. Usada para blocos de texto normal.<br>: Quebra de linha (pula para a linha de baixo). Ela não tem tag de fechamento!<hr>: Linha horizontal (uma divisória). Também não tem tag de fechamento!
📖 Exemplo Guiado: O Relato do Escriba
Vamos criar um documento com títulos e parágrafos.
- Crie o arquivo
pergaminho.html:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>História do Reino</title>
</head>
<body>
<h1>A Queda de Gondor</h1>
<p>Era uma vez um reino próspero...</p>
<hr> <!-- Linha divisória -->
<h2>A Resistência</h2>
<p>Os guerreiros se uniram para lutar.<br>A batalha durou dias.</p>
</body>
</html>📊 Ilustração Visual: Níveis de Título
graph TD A[h1 - Gigante] --> B[h2 - Grande] B --> C[h3 - Médio] C --> D["p - Normal"]
🛠️ Prática Obrigatória 1: Sua História
Crie um arquivo chamado minha_historia.html. Crie um título <h1> com o nome de um jogo que você gosta. Crie um subtítulo <h2> escrito “Minha Opinião” e um parágrafo <p> contando o que você acha do jogo!
🔑 Gabarito de Código
Prática 1: minha_historia.html
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Minha História</title>
</head>
<body>
<h1>The Witcher 3</h1>
<h2>Minha Opinião</h2>
<p>Acho esse jogo incrível! A história é fantástica e os gráficos são lindos.</p>
</body>
</html>📤 Instruções de Entrega (GitHub Desktop + Microsoft Teams)
- Faça o Commit: No GitHub Desktop, digite a mensagem (ex:
Finaliza Capítulo X) e clique em Commit to main. - Envie para a Nuvem (Push): Clique em Push origin.
- ⚠️ IMPORTANTE: Seu repositório DEVE SER PÚBLICO.
- No Microsoft Teams:
- Copie o link do seu repositório.
- Cole na tarefa correspondente no Teams.
- Clique em Entregar.