HTML’de Lİ Etiketiyle Liste Oluşturma: Kapsamlı Bir Kılavuz
Giriş
HTML’de <li> etiketi, liste öğelerini tanımlamak için kullanılır. Listeler, web sayfalarında bilgiyi yapılandırmak ve sunmak için yaygın olarak kullanılan güçlü bir araçtır. Bu makale, <li> etiketini kullanarak HTML’de listeler oluşturma konusunda kapsamlı bir kılavuz sağlayacaktır.
<li> Etiketinin Temelleri
<li> etiketi, <ul> (sırasız liste) veya <ol> (sıralı liste) etiketleri içinde yer almalıdır. Liste öğesinin içeriğini içerir.
Sözdizimi:
“`html
“`
Liste Türleri
HTML’de iki ana liste türü vardır:
- Sırasız Listeler (
<ul>): Öğelerin belirli bir sırası yoktur. - Sıralı Listeler (
<ol>): Öğeler numaralandırılır veya alfabetik olarak sıralanır.
Liste Öğelerini Biçimlendirme
Liste öğelerinin görünümünü aşağıdaki öznitelikleri kullanarak özelleştirebilirsiniz:
- type: Sıralı listeler için numaralandırma veya alfabetik sıralama türünü belirler.
- start: Sıralı listelerde başlangıç numarasını veya harfini ayarlar.
- value: Liste öğesinin numarasını veya harfini manuel olarak ayarlar.
Örnekler
Sırasız Liste:
“`html
- Elma
- Muz
- Portakal
“`
Sıralı Liste (Numaralandırılmış):
“`html
- Bir
- İki
- Üç
“`
Sıralı Liste (Alfabetik):
“`html
- Elma
- Muz
- Portakal
“`
İçe Gecmiş Listeler
İçe geçmiş listeler, bir liste öğesi içinde başka bir liste oluşturmanıza olanak tanır. Bu, hiyerarşik bilgiyi yapılandırmak için yararlıdır.
“`html
- Meyveler
- Elma
- Muz
- Portakal
- Sebzeler
- Havuç
- Brokoli
- Patates
“`
Faydalı Kaynaklar
Sonuç
<li> etiketi, HTML’de listeler oluşturmak için temel bir araçtır. Bu kılavuz, liste türlerini, biçimlendirme seçeneklerini ve içe geçmiş listeleri kullanarak listeler oluşturma konusunda kapsamlı bir anlayış sağlamıştır. Listeleri etkili bir şekilde kullanarak web sayfalarınızda bilgiyi net ve yapılandırılmış bir şekilde sunabilirsiniz.