Html Eğitimi Ders 6-Listeleme

Merhaba,
Bir önceki derste tablo işlemini görmüştük. Ve şimdi listeleme yapacağız. Çok kolay olucak. Herhangi bir uzatma anlatımı olmayacak. Kolay gelsin.

Maddeleme:

<ul> /*ul madde listeleme etiketidir*/
<li>Html</li>/*li her listede bir bölüm oluşturmak için kullanılır*/
<li>Css</li>
<li>Javascript</li>
</ul>

Bunu uyguladığımızda:

• Html
• Css
• Javascript

Normal bir madde listelemesi yaptık. Bu listeyi artırabilirsiniz.

Numaralandırma:

<ol>  /*ol numara ile listeleme etiketidir*/
<li>Çay</li>
<li>Kahve</li>
<li>Kola</li>
</ol>

Bunu uyguladığımızda:

   

1. Çay
2. Kahve
3. Kola

Bu sefer kendi kendine sayan bir madde listelemesi gördük. 

Katagorilendirme:

Bu biraz kötü görüntü oluştursada kullanışlıdır.

<dl>  /*dl kategori ile listeleme etiketidir*/
<dt>Html</dt> /* ilk kategori*/
<dd>Kolay</dd>/*alt kategori*/
<dd>Önemli</dd>/*alt kategori*/

</dl>

Bunu uyguladığımızda:

Html

Kolay

Önemli

Gördüğünüz gibi katagorileri kolaylıkla yönetebiliyoruz. Ayrıca değişik bir hava veriyor.

Bu derslik bu kadar ve diğer sitedeki dersler gibi uzun sıkıcı değil kısa özdür. İnsan zeki olduğundan zaten hemen anlar değil mi? Bir sonraki derste form oluşturma gibi konuları işliyeceğiz. Kolay gelsin.