Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Exercicios HTML || Listando Itens em HTML

Gente, estou nos exercícios de html e o tópico 6 pede para que liste itens, olhei a resposta do instrutor mas ainda não consegui entender como aplicaria essa lista com base no corpo do html que ja criei!.
Oque eu deveria de fato listar?

<!DOCTYPE html>
<html>
    <head>
        <meta charset = "UTF -8">
        <title>Criando em html</title>
    </head>
    <body>
        <h1>Bem vindo ao meu primeiro site</h1>
        <h2>Aprendendo html</h2>
        <p>Este é o exemplo de um paragrafo em html</p>
        <img src= "HTML.2.png" alt="Livros e pessoas, simbolizando o estudo de HTML">
    </body>
</html>
2 respostas
solução!

Oi Emilly! Tudo bem?

Que legal que você está aprendendo HTML! Vamos tentar entender como você pode listar itens no seu documento HTML. Pelo que você compartilhou, já tem uma estrutura básica com título, subtítulo, parágrafo e imagem. Agora, vamos adicionar uma lista.

Existem dois tipos principais de listas em HTML: listas ordenadas (<ol>) e listas não ordenadas (<ul>). Se você quer listar itens que têm uma ordem específica, como passos de um processo, use <ol>. Se a ordem não importa, como uma lista de compras, use <ul>.

Vou te dar um exemplo de como adicionar uma lista não ordenada ao seu código:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Criando em html</title>
    </head>
    <body>
        <h1>Bem vindo ao meu primeiro site</h1>
        <h2>Aprendendo html</h2>
        <p>Este é o exemplo de um paragrafo em html</p>
        <img src="HTML.2.png" alt="Livros e pessoas, simbolizando o estudo de HTML">
        
        <h3>Minha Lista de Tarefas</h3>
        <ul>
            <li>Estudar HTML</li>
            <li>Praticar CSS</li>
            <li>Explorar JavaScript</li>
        </ul>
    </body>
</html>

Neste exemplo, adicionei uma lista de tarefas logo após a imagem. Usei uma lista não ordenada (<ul>) e dentro dela, coloquei três itens de lista (<li>).

Espero que isso te ajude a entender como aplicar listas no seu HTML.

Bons estudos!

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

Agora entendi, muito obrigada Armano.