1) Construindo a estrutura básica do HTML
<!DOCTYPE html>
<html>
<head>
<title>Meu Projeto</title>
</head>
<body>
</body>
</html>
2) Adicionando o conteudo ao HTML:
<!DOCTYPE html>
<html>
<head>
<title>Meu Projeto</title>
</head>
<body>
<h1>Um Tema Interessante</h1>
<p>Um breve parágrafo relacionado a esse tema.</p>
</body>
</html>
3) Trabalhando com meta tags e título
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Título Descritivo</title>
</head>
<body>
<h1>Um Tema Interessante</h1>
<p>Um breve parágrafo relacionado a esse tema.</p>
</body>
</html>
// 4) Organizando conteúdo com tags HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Título Descritivo</title>
</head>
<body>
<h1>Título Principal</h1>
<h2>Subtítulo</h2>
<p>Um breve parágrafo explicativo.</p>
</body>
</html>]
5) Adicionando uma imagem com acessibilidade:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Título Descritivo</title>
</head>
<body>
<h1>Título Principal</h1>
<h2>Subtítulo</h2>
<p>Um breve parágrafo explicativo.</p>
<img src="imagem.jpg" alt="Descrição da imagem">
</body>
</html>
6) Listando itens em HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Título Descritivo</title>
</head>
<body>
<h1>Título Principal</h1>
<h2>Subtítulo</h2>
<p>Um breve parágrafo explicativo.</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</body>
</html>
7) Explorando o impacto do DOCTYPE no HTML
Crie dois arquivos HTML, um com a declaração <!DOCTYPE html> e outro sem. Comparei a renderização no navegador, e usei a ferramenta de inspeção para observar as diferenças no modo de renderização da página. Fiquei atento ao "Modo Quirks" na ausência da declaração.*/
