Sıralı ve Sırasız Listeyi İç İçe Oluşturma
Bir önceki derslerimizde sıralı ve sırasız listeleri hem ayrı ayrı anlattık hem de kendi içlerinde iç içe liste oluşturmayı gösterdik. Bu dersimizde ise sıralı ve sırasız listeyi birbiri içerisinde göstereceğiz.
Mantık tamamen aynı. Sıralı veya sırasız listeyi oluşturmak için bir önceki derslerde nasıl ki <ul> içinde <ul> kullanıyorsak veya nasıl ki <ol> içinde <ol> kullanıyorsak bu seferde hem <ul> içinde <ol> hem de <ol> içinde <ul> kullanacağız.
İlk örneğimizde sıralı liste içinde sırasız liste kullanalım.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>İslamın ve İmanın Şartları</title>
</head>
<body>
<ol>
<li>İslamın Şartları
<ul>
<li>Şehâdet Etmek</li>
<li>Namaz Kılmak</li>
<li>Zekât Vermek</li>
<li>Oruç Tutmak</li>
<li>Hacca Gitmek</li>
</ul>
</li>
<li>İmanın Şartları
<ul>
<li>Allah'ın Varlığına ve Birliğine İman</li>
<li>Allah'ın Kitaplarına İman</li>
<li>Peygamberlere İman</li>
<li>Meleklere İman</li>
<li>Ahiret Gününe İman</li>
<li>Kadere ve Kazaya İman</li>
</ul>
</li>
</ol>
</body>
</html>Gördüğünüz gibi ana listemizi <ol> etiketiyle oluşturduk. Alt listelerimizi ise <ul> etiketiyle oluşturduk.
Şimdi de sırasız liste içerisine sıralı liste oluşturalım.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>İslamın ve İmanın Şartları</title>
</head>
<body>
<ul>
<li>İslamın Şartları
<ol>
<li>Şehâdet Etmek</li>
<li>Namaz Kılmak</li>
<li>Zekât Vermek</li>
<li>Oruç Tutmak</li>
<li>Hacca Gitmek</li>
</ol>
</li>
<li>İmanın Şartları
<ol>
<li>Allah'ın Varlığına ve Birliğine İman</li>
<li>Allah'ın Kitaplarına İman</li>
<li>Peygamberlere İman</li>
<li>Meleklere İman</li>
<li>Ahiret Gününe İman</li>
<li>Kadere ve Kazaya İman</li>
</ol>
</li>
</ul>
</body>
</html>Gördüğünüz gibi ana listemizi <ul> etiketiyle oluşturduk. Alt listelerimizi ise <ol> etiketiyle oluşturduk.