HTML Liste Örnekleri - Web Tasarım & Programlama
Có thể bạn quan tâm
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ı:
Ö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ı :

Ö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ı:

Diğer HTML Liste Örnekleri
Bunu paylaş:
- X
Từ khóa » Html Listeleme örnekleri
-
HTML Liste Örnekleri - Tasarım Kodlama
-
HTML Liste Örnekleri - Web Tasarım & Programlama
-
Html Listeleme Örnekleri - İç İçe Listeler | Mehsatek
-
HTML - İç İçe Liste Örnekleri | TEKNİK AKIL
-
HTML'de Listeler | PROTOTURK
-
Listeleme örnekleri 2 Html-web Tasarım Ve Programlama
-
HTML Ile İç İçe Sıralı Liste Oluşturma Örneği
-
Html Listeleme
-
10. Ders: HTML Listeleri
-
HTML Öğrenmek Için Örnekler
-
HTML Kod Örnekleri - Uzmanim Akademi
-
Listeleme - HTML Dersleri
-
Html Listeleme Etiketleri - Bilişim Konuları