HTML İle İçiçe Sıralı Liste Oluşturma



HTML İle İçiçe Sıralı Liste Oluşturma


Öncelikle hiç liste oluşturmayı bilmiyorsanız HTML İle Liste Oluşturma adlı makalemizi okuyabilirsiniz . 

Eğer HTML ile liste oluşturmayı biliyorsanız sıralı lise oluşturma etiketimiz <ul> ve liste öğelerini belirleme etiketimiz <li> ile listemizi oluşturmaya başlıyoruz . 

Şimdi adım adım liste oluşturmaktan bahsedip ardından HTML editöründe kodlarımızı yazarak tarayıcımızda nasıl gözüktüğüme göz atalım . 


Örnek 1


Aşağıdaki örnek kod satırlarımızda göreceğiniz üzere , eğer bir liste öğesinin içerisine bir iç liste eklenmesini istiyorsanız o satırdaki < li > etiketi kapatılmayacak . Ve tekrar liste oluşturacağız , tekrar liste oluşturmak için < ul > etiketi tanımlamamız gerekiyor . 



<ul>
    <li> Bilgisayar
        <ul>
            <li> Donanım
                <ul>
                    <li>Anakart</li>
                    <li>İşlemci</li>
<li>Monitör
<ul>

<li>LCD</li>
                     <li>LED</li>

</ul>

</li>

                </ul>
            </li>
            <li>
                Yazılım
                <ul>

                    <li>İşletim Sistemleri</li>
                    <li>Uygulama Yazılımları</li>

                </ul>
            </li>
        </ul>
    </li>
</ul>