Listas em html

Brown. · February 18, 2012

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>

Markus Magnus · February 18, 2012

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

Sign In

Listas em html

Question

Brown.

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Markus Magnus

Link to comment

Share on other sites

Join the conversation

Forum Statistics

Browse

Activity