HTML Liste Örneği; Bir web site ya da web sayfasında sıklıkla kullanılan Listeler sitenin gerek estetik açısından gerek te SEO açısından çok büyük bir önem taşımaktadır. pek çok yerde kullanılan Listeler düzen konusunda da oldukça fayda sağlamaktadırlar.
HTML Liste Örneği
<div class="tarif-listesi">
<h2>Mardin Usulü İçli Köfte Kötülük</h2>
<img src="https://r.resimlink.com/oFrTI40.png" alt="Yemek Fotoğrafı">
<h3>Hamur İçin</h3>
<ul class="malzeme-listesi">
<li>Yarım kilo irmik</li>
<li>Yarım kilo ince bulgur</li>
<li>1 tatlı kaşığı tuz</li>
<li>1 tatlı kaşığı gıjnıj (isteğe bağlı)</li>
</ul>
<h3>İç Harcı İçin</h3>
<ul class="malzeme-listesi">
<li>Yarım kilo yağsız kıyma</li>
<li>2 kilo kuru soğan</li>
<li>1 Demet maydanoz</li>
<li>Baharatlar (nane, karabiber, pul biber, gıjnıj)</li>
</ul>
<h3>Yapım Aşamalrı</h3>
<ol class="yapim-asamalari">
<li>Hamurun Yapımı:
Bir leğen içine hamur malzemelerini koyun ve ılık suyla ıslatın üstünü bir tepsi kapatın 1 saat bekletin. Hafif hafif ıslatarak yoğurun. Hamurunuzun kulak memesi kıvamına gelince yoğurma işleminiz tamamlanır.</li>
<li>İç Harcın Hazırlanışı:
Bir tavada yağınızı koyup kıymayı iyice kızartın. Sonra soğanları küçük küçük doğrayın yıkayın ve sıkıp sıkıp kıyma ile beraber kızartın. Soğanlar iyice kızardıktan sonra maydanozlar doğranır ve isteğe göre baharatlarınızı koyun. Sonra tüpün altını kapatın ve soğumaya bırakın.</li>
<li>Köftenin Hazırlanışı:
Hamurunuzu yuvarlayıp elinizde sekil verin içi boş bir tabak gibi yeteri kadar harcı içine koyup ıslak elinizle yada yağlı hamurun ağzını bastırarak kapatın ve bu işlemi istediğiniz kadar köfteyi elde edene kadar yapın. Daha sonra ister tavada kızartıp servis edin isterseniz de kaynar suyun içinde haşlayıp servis edin.</li>
</ol>
</div>
HTML Liste Örneği Çıktısı:
