Listeleme Türleri

HTML tagleri kullanarak sayfa içerisinde otomatik olarak numaralandırılan ve sıralandırılan listeler hazırlamak çok kolaydır.

HTML tagleri kullanarak sayfa içerisinde otomatik olarak numaralandırılan ve sıralandırılan listeler hazırlamak çok kolaydır.

1-)



    Sıralı liste oluşturmaya yarayan etikettir.Sıralı liste: kelime ya da cümlelerinizi ya da herhangi bir şeyi numaralı, alfabetik, roma rakamlı olarak sıralı göstermektir.

    Listelenecek metinler
      ...
    etiketleri arasına yazılır. Bu tagler listenin başladığını (

      ) ve bittiğini (
    ) belirtir. OL etiketinin iki parametresi vardır : Type ve Start.

    Type: Listemizin rakamla mı yoksa harfle mi başlayacağını belirtir.
    Start: Listemizin hangi rakam ya da hangi harfle başlayacağını belirtir.Start değeri her zaman bir sayı olmalıdır.

    Örnek: Sırayı alfabe olarak atayacaksak ve "c" den başlamak istersek Start değerini "c" değil 3,Type değerini de küçük "a" yapmalıyız.

    Örnek Kod:


    <ol type="a" start="3">

    <li>Mert Hiçyılmaz</li>

    <li>SANALKURS.NET</li>

    <li>Ne Yapabileceğini Göster!</li>

    </ol>



    2-)


      Listeleme yaparken maddelerin başına sadece küçük yuvarlaklar, kareler koymak için kullanılan etikettir.
        için kullanılan parametre Type parametresidir. Type parametresi ile kullanacağımız madde yuvarlağının şeklini seçebiliriz. Bunlar disc (içi dolu daire),circle (içi boş daire) ve square (içi dolu kare)'dir.


        Örnek Kod:


        <ul>

        <li>Mert Hiçyılmaz</li>

        <li>SANALKURS.NET</li>

        <li>Ne Yapabileceğini Göster!</li>

        </ul>



        3-)


      • etiketi List Item,yani Liste Elemanı demektir. Yukarıdaki örnek kodlarda görebileceğiniz gibi
          ve
            ile birlikte kullanılır

            Örnek Kod:


            <ul type="disc">

            <li>SANALKURS.NET

              <ul type="square">

            <li>Tasarım

            <li>Programlama</ul>

            <li>Mert Hiçyılmaz

              <ul type="square">

            <li>Programlama

            <li>Tasarım

              <ul type="circle">

            <li>Web Tasarım

            <li>Grafik Tasarım </ul>

            </ul>

            </ul>

            • Etiketler;
            Yorum Yaz

            Yorum yazabilmek için üye girişi yapmanız gerekiyor!

            teşekkurler Mert. benim gibi yenibaşlayanlar için güzel bir örnek.

            Yukarı Git