Takip Edin

HTML

HTML’de Listeler

HTML’de 3 farklı liste tipi vardır ve her biri özel bir amaca ve anlama sahiptir:

  • Sırasız Liste : İlgili öğelerin listesini belirli olmayan bir sırada oluşturmak için kullanılır.
  • Sıralı Liste : İlgili öğelerin listesini belirli bir sırada oluşturmak için kullanılır.
  • Açıklama Listesi : Terimlerin listesini ve açıklamalarını oluşturmak için kullanılır.

Sırasız HTML Listeleri

Sırasız bir liste, <ul> elemanını kullanarak oluşturulur ve her bir liste <li> elemanıyla başlar.

Liste öğeleri, varsayılan olarak küçük siyah daireler şeklinde belirtilir.

Liste Öğesi İşaretleyicisi

Liste öğesi işaretleyicisinin stilini tanımlamak için CSS list-style-type özelliği kullanılır.

DeğerTanım
discListe öğesi işaretleyicisinin stilini koyu nokta şeklinde ayarlar(varsayılan değerdir).
circleListe öğesi işaretleyicisinin stilini daire şeklinde ayarlar.
squareListe öğesi işaretleyicisinin stilini kare şeklinde ayarlar.
none Liste öğeleri işaretlenmez.

İç İçe Sırasız HTML Listeleri

Sırasız HTML listeleri, iç içe yerleştirilebilir.

Not : Liste öğeleri, yeni listeler ve resim, link gibi diğer HTML elemanlarını da içerebilirler.

Sıralı HTML Listeleri

Sıralı bir liste, <ol> elemanını kullanarak oluşturulur ve her bir liste öğesi, <li> elemanıyla başlar.

Liste öğeleri, varsayılan olarak sayılarla belirtilir.

type Özelliği

<ol> etiketinin type özelliği, liste öğesi işaretleyicisinin türünü tanımlar.

TypeDescription
type = “1”Liste öğeleri, sayılarla numaralandırılacaktır(varsayılan değerdir).
type = “A”Liste öğeleri, büyük harflerle numaralandırılacaktır.
type = “a”Liste öğeleri, küçük harflerle numaralandırılacaktır.
type = “I”Liste öğeleri, büyük roma rakamlarıyla numaralandırılacaktır.
type = “i”Liste öğeleri, küçük roma rakamlarıyla numaralandırılacaktır.

start Özelliği

Sıralı bir liste, sayıma varsayılan olarak 1’den itibaren başlayacaktır. Bu sayımı belirli bir sayıdan itibaren başlatmak için start özelliği kullanılır.

İç İçe Sıralı HTML Listeleri

Sıralı HTML listeleri, iç içe yerleştirilebilir.

HTML Açıklama Listeleri

Bir açıklama listesi, her bir terimin açıklamasıyla birlikte verildiği terimlerin bir listesidir.

Açıklama listesi, <dl> elemanını kullanarak oluşturulur. <dl> elemanı, bir terimin ismini belirten <dt> elemanı ve her bir terimin açıklamasını belirten <dd> elemanıyla birlikte kullanılır.

Devamını oku

Popüler

error: Content is protected !!