İşaretlenmemiş bir HTML listesi nasıl oluşturulur

İşaretlenmemiş bir HTML listesi oluşturmak için, önce bir <ul> (unordered list) etiketi kullanmalısınız. Ardından, her madde için bir <li> (list item) etiketi kullanarak maddeleri listeleyebilirsiniz.

Aşağıdaki örnek, üç madde içeren bir işaretlenmemiş HTML listesi oluşturur:

<ul>
  <li>Madde 1</li>
  <li>Madde 2</li>
  <li>Madde 3</li>
</ul>

Bu kodu HTML belgenize ekleyerek, sayfanızda işaretlenmemiş bir liste oluşturabilirsiniz.

Şimdi bu listedeki işaretlemeleri kaldıralım.

Üst öğenin (<ul>) CSS’sinde list_style_type özelliğini ayarlayarak madde işaretlerini kaldırabiliriz. Örneğin:none yapalım:

ul {
  list-style-type: none;
}

Girintiyi de kaldırmak istiyorsanız, padding: 0 ve margin: 0 eklemek isteyebilirsiniz.

Son durumda inline-css kullandığımızı varsayarsak aşağıdakini elde ederiz:

<ul style="list-style: none;">
    <li>...</li>
</ul>

Madde işaretlerini özel bir karakterle değiştirmek istiyorsanız, mesela ‘çizgi’ ile, aşağıdaki örneğe bakalım:

ul.dashed-list {
    list-style: none outside none;
}

ul.dashed-list li:before {
    content: "\2014"; #çizgi karakterini veriyoruz
    float: left;
    margin: 0 0 0 -27px;
    padding: 0;
}

ul.dashed-list li {
    list-style-type: none;
}

<ul class="dashed-list">
  <li>text</li>
  <li>text</li>
</ul>