thumbnail

HTML Listeler

Html, listeleme işlemleri sıralı ve sırasız olmak üzere ikiye ayrılır. Sırasız bir liste maddelerden oluşur. Liste içeriği madde imleri ile işaretlenir. Sırasız listeleme “<ul>” elementi ile başlar. Her madde de “<li>” elementi ile başlar. “u1” elementi, unordered list (işaretli liste) anlamına gelir.

Ramazan ayında olduğumuz için örneklemeyi Yemekler üzerinden yapacağım 😀


<!DOCTYPE html>

<html>
<head>
    <title></title>
    <meta charset="utf-8" />
</head>
<body>
<h2>Yemekler</h2>
<ul>
    <li>Patlıcan</li>
    <li>Sarma</li>
    <li>Karnıyarık</li>
</ul>
</body>
</html>

Ekran çıktısı aşağıda ki gibi olacaktır;

Yemekler

  • Patlıcan
  • Sarma
  • Karnıyarık

Sıralı listeler de ise maddeler, rakamlar ile listelenir. Sıralı listeleme işleme “<ol>” elementi ile başlar. Her madde de “<li>” elementi ile başlar. “ol” elementi ordered list (sıralı liste) anlamına gelir.


<h2>Yemekler</h2>

<ol>

<li>Lahmacun</li>

<li>Dürüm</li>

<Adana Kebap</li>

</ol>

Tarayıcıdaki çıktısı aşağıdaki gibi olacaktır;

Yemekler

  1. Lahmacun
  2. Dürüm
  3. Adana Kebap

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir