HTML Madde Ekleme Kodları: Kapsamlı Bir Kılavuz
HTML’de maddeler, metni yapılandırmak ve okunabilirliği artırmak için kullanılan önemli bir öğedir. Maddeler, listeler oluşturmak, adımları belirtmek veya bilgileri kategorilere ayırmak için kullanılabilir. Bu kılavuz, HTML’de madde eklemek için kullanılan çeşitli kodları ve bunların nasıl kullanılacağını ayrıntılı olarak açıklayacaktır.
Madde Türleri
HTML’de iki ana madde türü vardır:
- Sıralı Maddeler: Numaralandırılmış listeler oluşturur.
- Sırasız Maddeler: Numaralandırılmamış listeler oluşturur.
Sıralı Maddeler Ekleme
Sıralı maddeler <ol> (sıralı liste) etiketi kullanılarak eklenir. Her madde <li> (liste öğesi) etiketiyle belirtilir. Örneğin:
“`html
- Birinci madde
- İkinci madde
- Üçüncü madde
“`
Bu kod aşağıdaki sıralı listeyi oluşturacaktır:
- Birinci madde
- İkinci madde
- Üçüncü madde
Sırasız Maddeler Ekleme
Sırasız maddeler <ul> (sırasız liste) etiketi kullanılarak eklenir. Her madde yine <li> etiketiyle belirtilir. Örneğin:
“`html
- Birinci madde
- İkinci madde
- Üçüncü madde
“`
Bu kod aşağıdaki sırasız listeyi oluşturacaktır:
- Birinci madde
- İkinci madde
- Üçüncü madde
Madde Öznitelikleri
Madde etiketlerine, görünümünü ve davranışını özelleştirmek için çeşitli öznitelikler eklenebilir.
- type: Sıralı maddeler için “1”, “a”, “A”, “i” veya “I” değerlerini alabilir.
- start: Sıralı maddelerin numaralandırılmaya başlanacağı sayıyı belirtir.
- reversed: Sıralı maddelerin ters sırada numaralandırılmasını sağlar.
- compact: Sırasız maddelerin daha sıkı bir şekilde paketlenmesini sağlar.
Madde İçe Katma
Maddeler, diğer HTML öğelerini içerebilir. Örneğin, bir maddeye bir bağlantı veya resim eklemek için aşağıdaki kod kullanılabilir:
“`html
“`
Madde Stilleri
Maddelerin görünümü, CSS (Basamaklı Stil Sayfaları) kullanılarak özelleştirilebilir. Örneğin, madde işaretlerinin rengini veya boyutunu değiştirmek için aşağıdaki CSS kuralları kullanılabilir:
css
ul li {
color: red;
font-size: 1.2rem;
}
Faydalı Kaynaklar
- MDN Web Dokümantasyonu: Sıralı Listeler
- MDN Web Dokümantasyonu: Sırasız Listeler
- W3Schools: HTML Maddeler
Sonuç
HTML madde ekleme kodları, metni yapılandırmak ve okunabilirliği artırmak için güçlü bir araçtır. Bu kılavuzda açıklanan kodları ve teknikleri kullanarak, web sayfalarınıza etkili ve çekici maddeler ekleyebilirsiniz.