Capítulo 09 Aula 02 – Listas mistas e de definição

Home › Fóruns › Desenvolvimento Web 2020 (HTML5+CSS3) › Capítulo 09 Aula 02 – Listas mistas e de definição

Visualizando 4 respostas da discussão
  • Autor
    Posts
    • 17 de outubro de 2021 às 21:25 #78663
      Antonio Carlos Belemel da Cruz
      Participante

      Olá, pessoal tudo blz?
      Estou com dificuldade para entender no ex009 porque no documento HTML que criei, a lista ordenada “Meus jogos Favoritos” está deslocada mais para direita que as outras. Já revisei o código bastante, segue código abaixo…

      <!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Listas</title>
</head>
<body>
    <h1>Trabalhando com listas</h1>
    <h2>Listas Ordenadas</h2>
    <ol type="A">
        <li>Acordar</li>
        <li>Lavar o rosto e pentear o cabelo</li>
        <li>Tomar café</li>
        <li>Escovar os dentes</li>
        <li>Ir para o trabalho</li>
        <li>Práticar esportes</li>
        <li>Tomar banho</li> 
        <li>Jantar</li>
        <li>Estudar</li>
        <li>Dormir</li>
    </ol>
    <h2>Listas não Ordenadas</h2>
    <ul type="square">
        <li>Batata</li>
        <li>Macarrão</li>
        <li>Queijo</li>
        <li>Arroz</li>
        <li>Maionese</li>
        <li>Pão</li>
        <li>Carne</li>
        <li>Sabão</li>
        <li>Leite</li>
        <li>Danone</li>
    </ul>
    <h2>Minhas linguagens favoritas</h2>
    <ol>
        <li>Antigas</li>
            <ul type="disc">
                <li>Fortran</li>
                <li>Delphi</li>
                <li>Visual Basic</li>
            </ul>
        <li>Novas</li>
            <ul type="disc">
                <li>Fortran</li>
                <li>Delphi</li>
                <li>Visual Basic</li>
            <ul>
    <ol>
    <h2>Meus jogos favoritos</h2>
    <ol>
        <li>NES</li>
        <ul>
            <li>Mario Bros</li>
            <li>Ninja Gaiden</li>
        </ul>
    </ol>
    
</body>
</html>
    • 18 de outubro de 2021 às 08:06 #78680
      IcaroFilho
      Moderador

      Bom dia Antônio, Esta com erro de fechamento de TAG.
      vc esta abrindo a OL na linha 38 e só esta fechando na linha 59.
      para corrigir basta adicionar um contra barra ( ‘ / ‘ ) no OL da linha 52.

      Espero ter ajudado.
      Bons estudos !!

    • 19 de outubro de 2021 às 06:36 #78737
      Antonio Carlos Belemel da Cruz
      Participante

      Fla Icaro, bom dia!
      Meu você é top cara, revisei esse código um porrada de vezes tentando encontrar isso e não achei, de qualque forma, muito obrigado!!

    • 19 de outubro de 2021 às 06:43 #78738
      Antonio Carlos Belemel da Cruz
      Participante

      icaro, será que consegue reencrever o código correto pra mim executar aqui, acabei de testar aqui e continua na mesma irmão.

      • 19 de outubro de 2021 às 07:46 #78744
        IcaroFilho
        Moderador
        <!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Listas</title>
</head>
<body>
    <h1>Trabalhando com listas</h1>
    <h2>Listas Ordenadas</h2>
    <ol type="A">
        <li>Acordar</li>
        <li>Lavar o rosto e pentear o cabelo</li>
        <li>Tomar café</li>
        <li>Escovar os dentes</li>
        <li>Ir para o trabalho</li>
        <li>Práticar esportes</li>
        <li>Tomar banho</li> 
        <li>Jantar</li>
        <li>Estudar</li>
        <li>Dormir</li>
    </ol>
    <h2>Listas não Ordenadas</h2>
    <ul type="square">
        <li>Batata</li>
        <li>Macarrão</li>
        <li>Queijo</li>
        <li>Arroz</li>
        <li>Maionese</li>
        <li>Pão</li>
        <li>Carne</li>
        <li>Sabão</li>
        <li>Leite</li>
        <li>Danone</li>
    </ul>
    <h2>Minhas linguagens favoritas</h2>
    <ol>
        <li>Antigas</li>
            <ul type="disc">
                <li>Fortran</li>
                <li>Delphi</li>
                <li>Visual Basic</li>
            </ul>
        <li>Novas</li>
            <ul type="disc">
                <li>Fortran</li>
                <li>Delphi</li>
                <li>Visual Basic</li>
            <ul>
    </ol>
    <h2>Meus jogos favoritos</h2>
    <ol>
        <li>NES</li>
        <ul>
            <li>Mario Bros</li>
            <li>Ninja Gaiden</li>
        </ul>
    </ol>
</body>
</html>

        Você so esqueceu de por o o fechamento na OL acima de <h2>Meus jogos favoritos</h2>
        qualquer duvida só falar que estamos ai pra nos ajudarmos !!!
        Bons estudos

    • 19 de outubro de 2021 às 19:42 #78803
      Antonio Carlos Belemel da Cruz
      Participante

      Boa noite ícaro, meuuuuu finalmente consegui entender. Eu tinha que usar duas tag OL para cada periodo de jogos ANTIGOS e NOVOS…caraca vei travei legal nessa, na proxima venho mais aos foruns me ajudou demais,obrigado e desculpe pela orelhagem kkkk

  • Autor
    Posts
Visualizando 4 respostas da discussão
  • Você deve fazer login para responder a este tópico.