HTML WEB

HTML ile İç İçe Sıralı Liste Oluşturma Örneği

Bu yazımızda HTML de OL etiketi kullanarak iç içe sıralı liste oluşturmayı gösteren basit bir sayfa oluşturacağız.

HTML kodlarımız:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
    <title>Liste Örnekleri-1</title>
</head>
    <body>
    <ol>
        <li>
            İç Donanım Birimleri
            <ol type="I">
                <li>Anakart</li>
                <li>İşlemci</li>
                <li>Bellek</li>
            </ol>
        </li>
        
        <li>
            Dış Donanım Birimleri
            <ol>
                <li>Monitor
                    <ol type="a">
                        <li>LCD</li>
                        <li>LED</li>
                    </ol>
                </li>
                
                <li>
                    Klavye
                </li>
                <li>
                    Fare
                </li>
            </ol>
        </li>

        </ol>
    
    </body>
</html>

Ekran Çıktısı:

liste_html_6

Yorum Yap