Olá, Greice. Como vai?
Muito legal ver o seu entusiasmo com o início dos estudos em HTML e CSS! Inclusive, a sua lembrança da época de criadora de Blogger faz todo o sentido: as plataformas de blog antigas utilizavam exatamente essa mesma base de marcação para construir os layouts.
Sobre a sua dúvida: a razão pela qual o texto "não fica certo" na sua postagem do fórum é porque, quando colamos códigos HTML diretamente no editor, a plataforma da Alura pode se confundir e tentar interpretar o código como texto puro ou acabar escondendo as tags (como aconteceu com as tags de abertura do exercício 1).
Para garantir que o seu código está correto e também para te mostrar como exibi-lo perfeitamente aqui no fórum, vamos dar uma olhada na estrutura ideal para cada exercício.
Exercício 1: Estrutura Básica de Texto
Para este exercício, o objetivo é utilizar a tag de título principal <h1> e a tag de parágrafo <p>, tudo encapsulado dentro do corpo da página (<body>). O seu código estruturado deve ficar assim:
<body>
<h1>Como escrever no caderno auxilia no desenvolvimento de habilidades motoras</h1>
<p>Escrever no caderno ajuda o cérebro a se desenvolver e, de quebra ajuda na motricidade fina. Essa habilidade tem se perdido ao longo dos anos pelo uso uso de celulares e computadores, porém escrever é uma ferramenta ótima para desenvolver ideias e organizar os pensamentos, além de fortalecer a memória.</p>
</body>
Exercício 2: Títulos, Subtítulos e Listas
Aqui o desafio aumenta um pouco, pois misturamos níveis de títulos e dois tipos de listas distintas: a lista não ordenada (<ul>) e a lista ordenada (<ol>).
A estrutura correta para que o navegador exiba o seu projeto pessoal perfeitamente é:
<body>
<h1>Esse é o título do meu projeto pessoal</h1>
<h2>Esse é o sub-título do meu projeto pessoal</h2>
<p>Esse é o parágrafo do meu projeto pessoal</p>
<ul>
<li>item sem ordem</li>
<li>item sem ordem</li>
</ul>
<ol>
<li>primeiro item ordenado</li>
<li>segundo item ordenado</li>
</ol>
</body>
Dica de Ouro para Postar no Fórum:
Para que o seu código HTML apareça bonitinho dentro desse bloco cinza nas suas próximas postagens, basta colocar três crases antes do código e três crases depois, exatamente como você fez em parte da sua mensagem! Se você adicionar a palavra html logo após as três primeiras crases, o fórum vai até colorir o seu código, facilitando para a comunidade te ajudar.
Os seus blocos de texto estão muito bem divididos logicamente. Agora que você relembrou os tempos de Blogger, o desenvolvimento no Front-end vai fluir cada vez mais rápido!
Espero que possa ter lhe ajudado!
