Olá, Marcelo. Tudo bem?
O exercício está bem feito, usando tags semânticas e boa organização visual. Só vale destacar alguns pontos:
O primeiro ponto de atenção, é que todo o conteúdo visível da página deve estar dentro da tag <body>
. No seu código, as tags <h1>
, <h2>
, <img>
, <p>
, listas e afins estão posicionadas fora do <body>
, o que pode causar comportamentos inesperados ao renderizar a página. O ideal é que tudo que você quer exibir na página — como textos, imagens, títulos e listas — esteja entre <body>
e </body>
. Por exemplo:
<body>
<h1>Receitas para Família</h1>
<h2>Risoto Especial</h2>
<img src="img/risoto.png.jpeg" alt="Risoto" style="width: 400px;">
<!-- demais elementos -->
</body>
Outro ponto é que a tag <ul>
está com o atributo type="Disk", mas esse valor não é necessário, pois já é o comportamento padrão da lista não ordenada. Se quiser deixar o código mais limpo, pode remover esse atributo.
Um último detalhe é o uso de <H3>
em maiúsculo em "Ingredientes", enquanto os outros <h3>
estão em minúsculo. Apesar de funcionar, manter a consistência na escrita ajuda na legibilidade e organização do código.
Obrigado por compartilhar, o fórum está à disposição para continuar te apoiando.