Ir para conteúdo
Fórum Script Brasil
  • 0

Listas em html


Brown.

Pergunta

Quero mudar a cor dos nomes da lista mas não da certo, e no segundo "Item Lista Ordenada" quero que apareça o numerto 2, segue meu codigo

<html>
<head>

<body>

<h3 align = 'center' font color = 'green' ><u> EXEMPLO DE LISTAS</u></font> </h3>


<ol type = '1'>


<li font color = "red" >Item Lista Ordenada </li></font></ol>



<ul type = 'disc'>

<li font color = 'black'><u>Sub1</u> </li>


<li font color = 'Yellow' ><u>Sub2 </u></li>

<li font color = 'Yellow' ><u>Sub3 </u></li>
</ul>






<ol type = '2'>

<li font color = 'red' align='left'> Item Lista Ordenada </li> </ol>



<ul type = 'disc'>

<li font color = 'black'><u>Sub1</u> </li>


<li font color = 'Yellow' ><u>Sub2 </u></li>
</ul>



<ol type = 'i'>
<li font color = 'black' align='left'><u>SUB2.1</u> </li>

<li font color = 'red' align='left'><u>SUB2.1 </u></li>

<li font color = 'black' align='left'><u>SUB2.1</u> </li>
<li font color = 'red' align='left'><u>SUB2.1</u> </li>

</ol>



<ul type = 'disc'>

<li font color = 'black'><u>Sub3</u> </li>

</ul>
</head>
</html>

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0

Acredito que era isso que você queria fazer:

<html>
<head>
</head>
<body>
    <h3 align = 'center'>
        <font color = 'green' >
            <u> EXEMPLO DE LISTAS</u>
        </font>
    </h3>
    <ol type = '1'>
        <li >
            <font color = "red" >Item Lista Ordenada</font>
            <ul type = 'disc'>
                <li>
                    <font color = 'black'>
                        <u>Sub1</u>
                    </font>
                </li>
                <li>
                    <font color = 'Yellow' >
                        <u>Sub2 </u>
                    </font>
                </li>
                <li>
                    <font color = 'Yellow' >
                        <u>Sub3 </u>
                    </font>
                </li>
            </ul>
        </li>
        <li>
            <font color = 'red' align='left'> Item Lista Ordenada  </font>
            <ul type = 'disc'>
                <li>
                    <font color = 'black'>
                        <u>Sub1</u>
                    </font>
                </li>
                <li>
                    <font color = 'Yellow' >
                        <u>Sub2 </u>
                    </font>
                    <ol type = 'i'>
                        <li>
                            <font color = 'black' align='left'>
                                <u>SUB2.1</u>
                            </font>
                        </li>
                        <li>
                            <font color = 'red' align='left'>
                                <u>SUB2.1 </u>
                            </font>
                        </li>
                        <li>
                            <font color = 'black' align='left'>
                                <u>SUB2.1</u>
                            </font>
                        </li>
                        <li>
                            <font color = 'red' align='left'>
                                <u>SUB2.1</u>
                            </font>
                        </li>
                    </ol>
                </li>
                <li>
                    <font color = 'black'>
                        <u>Sub3</u>
                    </font>
                </li>
            </ul>
        </li>
    </ol>
</body>
</html>
Se sim. 1 - "font" é uma tag e não um parâmetro dentro de outra tag(a menos que use css com o parâmetro style) então escrever "<h3 align = 'center' font color = 'green' >" é errado o correto é "<h3 align = 'center'><font color='green'>" o mesmo vale para "<li font color = 'black'>" que deve ser assim "<li><font color='black'>" 2 - os subitens ficam dentro da tag li do "item-pai". A baixo o jeito errado
<ol type = '1'><!--abrindo a primeira lista-->
    <li >
        <font color = "red" >Item Lista Ordenada</font>
    </li>
</ol><!--fechando a primeira lista-->
<ul type = 'disc'><!--abrindo a segunda lista-->
    <li>
        <font color = 'black'>
            <u>Sub1</u>
        </font>
    </li>
    <li>
        <font color = 'Yellow' >
            <u>Sub2 </u>
        </font>
    </li>
    <li>
        <font color = 'Yellow' >
            <u>Sub3 </u>
        </font>
    </li>
</ul><!--fechando a segunda lista-->
<ol type = '2'><!--abrindo a terceira lista-->
    <li>
        <font color = 'red' align='left'> Item Lista Ordenada  </font>
    </li>
</ol><!--fechando a terceira lista-->
Assim você tem tres listas completamente separadas assim não tem como aparecer algum item com o número de ordenação 2 porém se você unir as tres listas dentro de uma tag <ol> só ai funciona
<ol type = '1'><!--abrindo a única lista-->
    <li ><!--abrindo o primeiro item-->
        <font color = "red" >Item Lista Ordenada</font>
        <ul type = 'disc'><!--abrindo a lista-filha-->
            <li>
                <font color = 'black'>
                    <u>Sub1</u>
                </font>
            </li>
            <li>
                <font color = 'Yellow' >
                    <u>Sub2 </u>
                </font>
            </li>
            <li>
                <font color = 'Yellow' >
                    <u>Sub3 </u>
                </font>
            </li>
        </ul><!--fechando a lista-filha-->
        </li>
    </li><!--fechando o primeiro item-->
    <li><!--abrindo o segundo item-->
        <font color = 'red' align='left'> Item Lista Ordenada  </font>
    </li><!--fechando o segundo item-->
</ol><!--fechando a única lista-->

3 - Tome cuidado com as endentações apesar de as vezes ser chato e trabalhoso, elas ajudam enormemente quando há um erro

Espero ter ajudado

Abrass

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...