<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Meu Projeto de Desenvolvimento Web</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
padding: 20px;
}
h1, h2, h3 {
color: #333;
}
img {
width: 400px;
box-shadow: 0 0 20px rgba(0, 102, 255, 0.6); /* sombra azul */
border-radius: 10px;
}
ul {
background-color: white;
padding: 15px;
border-radius: 8px;
}
</style>
</head>
<body>
<h1>Bem-vindo ao Meu Projeto!</h1>
<h2>Uma Jornada de Aprendizado em HTML</h2>
<p>
Esta página serve como um exemplo prático de como construir a base de um site usando HTML.
Aqui, você pode ver a estrutura fundamental do documento, a hierarquia de títulos,
e a inclusão de elementos como imagens e listas.
</p>
<!-- Imagem com acessibilidade -->
<img src="imagens/minha-foto.png" alt="Minha foto com acessibilidade">
<h3>Principais Características deste Site</h3>
<ul>
<li>Estrutura HTML completa com <code><!DOCTYPE html></code>, <code><html></code>, <code><head></code>, e <code><body></code>.</li>
<li>Definição de metadados importantes, como a codificação de caracteres.</li>
<li>Organização do conteúdo com títulos (<code><h1></code>, <code><h2></code>) e parágrafos.</li>
<li>Inclusão de uma imagem com texto alternativo para acessibilidade.</li>
<li>Uma lista de itens para demonstrar a organização de informações.</li>
</ul>
</body>
</html>