1 - Construindo a estrutura básica do HTML
<!DOCTYPE html>
<html>
<head>
<title>Projeto Renova Teu Ser</title>
</head>
<body>
</body>
</html>
2 - Adicionando Conteúdo ao HTML
<!DOCTYPE html>
<html>
<head>
<title>Projeto Renova Teu Ser</title>
</head>
<body>
<h1>Programa de COACH</h1>
<p>Venha conheçer o programa de Coach Avanço.</p>
</body>
</html>
3 - Trabalhando com meta tags e título
***
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Projeto Renova Teu Ser (COACH)</title>
</head>
<body>
<h1>Programa de COACH</h1>
<p>Venha conheçer o programa de Coaching Avanço.</p>
</body>
</html>
4 - Organizando conteúdo com tags HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Projeto Renova Teu Ser</title>
</head>
<body>
<h1>Programa de COACH</h1>
<h2>Venha conheçer o programa de Coaching Avanço.</h2>
<p>Benefícios do programa: Mais foco, mais assertividade nas decisões </p>
</body>
</html>
5- Adicionando imagens com acessibilidade
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Projeto Renova Teu Ser</title>
</head>
<body>
<h1>Programa de COACH</h1>
<h2>Venha conheçer o programa de Coaching Avanço.</h2>
<p>Benefícios do programa: Mais foco, mais assertividade nas decisões </p>
<img src="html.png" alt="Ìcone do html 5">
</body>
</html>
6 - Listando itens em HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Projeto Renova Teu Ser</title>
</head>
<body>
<h1>Programa de COACH</h1>
<h2>Venha conheçer o programa de Coaching Avanço.</h2>
<p>Benefícios do programa: Mais foco, mais assertividade nas decisões </p>
<img src="html.png" alt="Ìcone do html 5">
<p>Para quem é o Coaching</p>
<ol>
<li>Pessoas que tem objetivos </li>
<li>Pessoas Determinadas </li>
</ol>
<p>Para quem não é o Coaching</p>
<ul>
<li>Para quem não gosta de esforçar</li>
<li>Sucesso vem do nada</li>
</ul>
</body>
</html>
7 - Explorando o impacto do DOCTYPE no HTML. Realizado o teste do Inspecionar pelo navegador Chrome
<!--retirado o <!DOCTYPE html> -->
<html>
<head>
<meta charset="UTF-8">
<title>Projeto Renova Teu Ser</title>
</head>
<body>
<h1>Programa de COACH</h1>
<h2>Venha conheçer o programa de Coaching Avanço.</h2>
<p>Benefícios do programa: Mais foco, mais assertividade nas decisões </p>
<img src="html.png" alt="Ìcone do html 5">
<p>Para quem é</p>
<ol>
<li>Pessoas que tem objetivos </li>
<li>Pessoas Determinadas </li>
</ol>
<p>Para quem não é o Coaching</p>
<ul>
<li>Para quem não gosta de esforçar</li>
<li>Sucesso vem do nada</li>
</ul>
</body>
</html>
8 - Configurado o Live Server no VSCode
