1
resposta

Lista de Exercícios: Documentação e HTML

<!DOCTYPE html >
<html>
    <read>
        <title>PetShop</title>
    </read>
    <body>
        <h1> Casa do Pet </h1>
        <h2> Onde o seu amigo é tratado como da família!</h2>
        <p> A Casa do Pet oferece produtos de qualidade e cuidados especiais para seu animal de estimação, garantindo conforto, saúde e bem-estar em um ambiente acolhedor e confiável.</p>
        <img src = "imgdog.jpg" alt = "Imagem Cachorro">
        <ol> Produtos Disponíveis:</ol>
       <li> Ração Premium para cães e gatos</li>
       <li> Camas aconchegantes e confortáveis </li>
       <li> Brinquedos interativos para estimular a diversão</li>
       <li> Produtos de higiene, como shampoos e toalhas</li>
       <li> Acessórios como coleiras, guias e brinquedos de passeio</li>
    </body>
</html>

 
1 resposta

Olá Isabel! Tudo bem?

Você fez um ótimo trabalho nessa lista de exercícios! Para melhorar ainda mais, trouxe algumas dicas:

  1. Tag <head>: No seu código, você usou a tag <read>, mas o correto é usar <head>. A tag <head> é essencial para incluir informações sobre o documento, como o título e meta tags.

  2. Estrutura da lista ordenada: Você começou a lista ordenada com <ol> Produtos Disponíveis:</ol>, mas o texto "Produtos Disponíveis:" deveria estar fora da tag <ol>. A tag <ol> deve ser usada para envolver os itens da lista (<li>).

Mudando esses pontos o resultado seria o seguinte:

<!DOCTYPE html>
<html>
    <head>
        <title>PetShop</title>
    </head>
    <body>
        <h1> Casa do Pet </h1>
        <h2> Onde o seu amigo é tratado como da família!</h2>
        <p> A Casa do Pet oferece produtos de qualidade e cuidados especiais para seu animal de estimação, garantindo conforto, saúde e bem-estar em um ambiente acolhedor e confiável.</p>
        <img src="imgdog.jpg" alt="Imagem Cachorro">
        <h3>Produtos Disponíveis:</h3>
        <ol>
            <li>Ração Premium para cães e gatos</li>
            <li>Camas aconchegantes e confortáveis</li>
            <li>Brinquedos interativos para estimular a diversão</li>
            <li>Produtos de higiene, como shampoos e toalhas</li>
            <li>Acessórios como coleiras, guias e brinquedos de passeio</li>
        </ol>
    </body>
</html>

Você está de parabéns! Continue se dedicando à prática e muito obrigada por compartilhar seu código com a comunidade Alura!

Conte sempre com o apoio do fórum :)

Um abraço e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓