Vou postar meu código aqui, tentei fazer algumas coisas diferentes motivado pela vergonha depois de ver maior esforço de alguns projetos. Dentro dele existem questionamentos que gostaria que fossem considerados caso alguem venha aqui avaliar. Obrigado.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Exercicio 01 - Primeiros passos HTML</title>
</head>
<body>
<h1> Primeiros passos HTML </h1>
<h2> Adaptando e aprendendo HTML pela Alura</h2>
<p>Paragrafo 1 - exercicio 01</p>
<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBwkHEAkHBggKCgkLDRYPDQwMDRsLFRAWIB0iIiAdHx8kKDQsJCYxJx8fLT0tMTU3Ljo6Iys/RD84QzQ5OjcBCgoKDQwKGg8PGjclHyU3Lzc3NzcrNzc3Nzc3NzcrKzA3Nzc1NzUyLTUtNzUrNTU3NTU3KzctKy01NS03KysrK//AABEIACAAIAMBIgACEQEDEQH/xAAYAAEBAAMAAAAAAAAAAAAAAAAGBwIEBf/EACkQAAEDBAEBCAMBAAAAAAAAAAEDBBEAAgUGEiEHExQxQVFhcTNCkTL/xAAWAQEBAQAAAAAAAAAAAAAAAAAEAAP/xAAbEQEAAgMBAQAAAAAAAAAAAAABAAIDETFBBP/aAAwDAQACEQMRAD8AkNL9W7Odg2VIZDHoIItLvxrOle6CnvxABMfMRRCmyew7VtjRjqeHYXXtGVqacsElE7rhbbxAVv5cY9esAmKWqch6g9mewdn2e1hPx2SQQWa2kC9ZqqVQnPQcgQCPuIrkNnHD1quYPAZjAa9srXZ1eSt7NyoigVvEdxb3PlPkOoJgEj+1DrVopXzZ03MM+E8mlVyf5LI6rrevuNNQ4KOE0rnK6aPiCnzsN118QRJu6SQQPL2qG0s1btFz+rphhjV0FmdpJsQdJlW1OTJ4kEEfUxRL1WIohH+nOsq9wO55HY1nat67dwElXRM3W9wf8z+sn06TNRXlSzaO0fYNnSLDIroINLvyINUykFI6jkSSSPiYolVQTcroz//Z" alt="Logo da alura pelo google via URL">
<ul>Mesmo nao sendo uma lista numerada, primeiro quero dizer que o primeiro tópico do exercício poderia ser feito apenas digitando o ! dando enter já que o VS Code tem suporte para realizar uma funcao com esse "comando"</ul>
<ul>Em segundo gostaria de questionar o tópico 3 deste exercício, não me lembro de ter visto algo nas aulas sobre UTF-8 (devo pesquisar mais tarde)</ul>
<ul>Após visualizar no fórum notei que as pessoas estavam enviando este exercício e havia algum feedback aparentemente da equipe</ul>
<ul>O VS code fecha sozinho as Tags ul que estou abrindo</ul>
<ul>Estou achando um pouco confuso a interface das escolhas das tais trilhas principalmente pra alguem que nao tem um objetivo claro.</ul>
<ul>Último tópico ul e agora vou fazer a lista numerada abaixo:</ul>
<p>Testando a lista com a tag li para ver como ela se comporta</p>
<li id="li1">item 1 da lista seria assim</li>
<li id="li2">item 2 da lista seria assim</li>
<li id="li3">item 3 da lista seria assim</li>
<li id="li4">item 4 da lista seria assim</li>
<p>agora vou usar a tag ol</p>
<ol>Me perguntei se da pra alterar a fonte logo apos a abertura da tag</ol>
<ol>Nao gostei de como ficou porém ainda nao sei como jogar o texto pra frente da listinha</ol>
<ol>Achei interessante porem assustador o que os outros alunos fizeram, possivelmente os sao mais esforcados ou ja tem conhecimento utilizando comandos como span (ainda nao sei o que seria)</ol>
<ol>Dei uma olhada em um dos perfis e parecia que a pessoa nao tinha nada nos ultimos 30 dias, achei estranho</ol>
<ol>Decidi colocar um botao como que eu vi nos primeiros exemplos do W3school</ol>
<p id="demo" style="display:none">Hello JavaScript!</p>
<button type="button" onclick="document.getElementById('demo').style.display='block'">Click Me!</button>
<h3> Agora vou editar o botao que copiei para apagar ou mostrar os items da minha li</h3>
<button type="button" onclick="document.getElementById('li1').style.display='none'">Apague item 1</button>
<button type="button" onclick="document.getElementById('li2').style.color='red'">Item 2 vermelho</button>
<button type="button" onclick="document.getElementById('li3').style.color='blue'">Item 3 azul</button>
<button type="button" onclick="document.getElementById('li4').style.fontStyle=22">aumente item 4</button>
<p> O último botão não funcionou corretamente, depois devo pesquisar no chatgpt ou gemini como deveria ser feito, ou alguem pode me dizer</p>
</body>
</html>
