HTML Liste Örnekleri - Web Tasarım & Programlama

Bu yazımızda sıralı ve sırasız listelere ait örneklere ait kodları ve ekran görüntülerini paylaşacağım. Listelerle ilgili çeşitli kullanımları örneklerimizde görebilirsiniz.

Ayrıca HTML Liste etiketleri ile iglili konuyu da incelemenizi tavsiye ederim.

HTML Karışık Liste Örnekleri :

Örnek1:

<!doctype html> <html> <head> <meta charset="utf-8"> <title>Liste Örnekleri-1</title> </head> <body> <ol> <li> SICAK İÇECEKLER <ol type="I"> <li>ÇAY</li> <li>KAHVE</li> <ol type="a"> <li>TÜRK KAHVESİ</li> <li>NESCAFE</li> </ol> <li>SICAK ÇİKOLATA</li> </ol> </li> <li> SOĞUK İÇECEKLER <ol> <li>MEYVE SULARI <ul> <li>Vişne</li> <li>Şeftali</li> <li>Kayısı</li> <li>Elma</li> </ul> </li> <li> LİMONATA </li> </ol> </li> </ol> </body> </html>
1234567891011121314151617181920212223242526272829303132333435363738394041424344 <!doctype html><html><head><meta charset="utf-8"><title>Liste Örnekleri-1</title></head><body><ol><li> SICAK İÇECEKLER<ol type="I"><li>ÇAY</li><li>KAHVE</li><ol type="a"><li>TÜRK KAHVESİ</li><li>NESCAFE</li></ol><li>SICAK ÇİKOLATA</li></ol></li><li> SOĞUK İÇECEKLER<ol><li>MEYVE SULARI<ul><li>Vişne</li><li>Şeftali</li><li>Kayısı</li><li>Elma</li></ul></li><li> LİMONATA</li></ol></li></ol></body></html>

Ekran Çıktısı: liste_ornekleri_1 Örnek 2:

HTML Kodları:

<!doctype html> <html> <head> <meta charset="utf-8"> <title>Liste Örnekleri-1</title> </head> <body> <ul> <li>Anasayfa</li> <li>Ürünler <ol> <li>Koltuk</li> <li>Sehpa</li> <li>Masa</li> <li>Sandalye</li> </ol> </li> <li>İletişim</li> </ul> </body> </html>
123456789101112131415161718192021222324 <!doctype html><html><head><meta charset="utf-8"><title>Liste Örnekleri-1</title></head><body><ul><li>Anasayfa</li><li>Ürünler<ol><li>Koltuk</li><li>Sehpa</li><li>Masa</li><li>Sandalye</li></ol></li><li>İletişim</li></ul></body></html>

Ekran Çıktısı :

liste_ornekleri_2

Örnek 3:

<!doctype html> <html> <head> <meta charset="utf-8"> <title>Liste Örnekleri-1</title> </head> <body> <ol type="A"> <li>RESİM DÜZENLEME <ol> <li>Temel Kavramlar <ul> <li>Piksel</li> <li>Çözünürlük</li> </ul> </li> <li>Görüntü Formatları <ul> <li>JPG</li> <li>GIF</li> </ul> </li> </ol> </li> <li>ARAÇLAR PANELİ</li> </ol> </body> </html>
1234567891011121314151617181920212223242526272829303132 <!doctype html><html><head><meta charset="utf-8"><title>Liste Örnekleri-1</title></head><body><ol type="A"><li>RESİM DÜZENLEME<ol><li>Temel Kavramlar<ul><li>Piksel</li><li>Çözünürlük</li></ul></li><li>Görüntü Formatları<ul><li>JPG</li><li>GIF</li></ul></li></ol></li><li>ARAÇLAR PANELİ</li></ol></body></html>

Ekran Çıktısı:

liste_ornekleri_3

Diğer HTML Liste Örnekleri

Bunu paylaş:

  • X
  • Facebook

Từ khóa » Html Listeleme örnekleri