Html

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>
 

Yorum Yapın

Benzer İçerikler

Daha Fazla İçerik