Html Dersleri (3.Bölüm)

ANA KOMUTLAR


Listeler

Dökümanlarin göze hos görünmelerini saglamak amaciyla listeler yaygin olarak kullanilir. HTML, pek çok liste çesidi destekler. Bunlar, düz listeler, numarali listeler, tanimli listeler ve içiçe listelerdir.

Düz listeler

Düz liste yaratmak için aşağıda belirtmiş olduğum kodlardan yararlana bilirsiniz.

HTML-Kodu:
1. Listeye baslamak için belirteç açilir. <ul> 2. Liste elemanlarini teker teker girerken basina <li> belirteci girilir. Kapatmak için </li> belirtecine gerek yoktur. 3. Listeyi bitirmek için belirteç kapatilir. </ul>

Örnek olarak kendi belirttiğim Liste aşağıda kodlar ile birlikte yer almaktadır.

HTML-Kodu:
<ul> <li> Elma <li> Armut </ul>
<li> belirteçleri içinde paragraflar, diger dökümanlara baglantilar, ve diger belirteçler kullanabilirsiniz.

Numarali Listeler

Numarali listeler, düz listelerden farkli olarak, <ul> belirteci yerine <ol> kullanirlar. Ekranda liste elemanlarinin basinda 1'er artan numaralar görünür.

Şimdi bu kodları sizler ile paylaşıp yararlanmanıza sebep olacağız.

HTML-Kodu:
<ol><li> Linux Isletim Sistemi<li> Unix Isletim Sistemi</ol>
Tanimli listeler

Genellikle birden fazla basligi olan, her baslik altinda kisa bir metin içeren yazilar, tanimli listeler ile olusturulur. Tanimi yapilacak baslik, <dt> ile belirtilir, <dd> ile baslik altina metin girilir. Tüm liste, <dl> ile </dl> arasina alinir.

HTML-Kodu:
<DL> <DT> NCSA <DD> NCSA, the National Center for Supercomputing Applications, is located on the campus of the University of Illinois at Urbana-Champaign. NCSA is one of the participants in the National MetaCenter for Computational Science and Engineering. <DT> Cornell Theory Center <DD> CTC is located on the campus of Cornell University in Ithaca, New York. CTC is another participant in the National MetaCenter for Computational Science and Engineering. </DL>
Içiçe Listeler

Tüm liste çesitleri, 3'den fazla bölüm kullanmadikça içiçe yazilabilir, Bunu sizlerle beraber örnekleme olarak yaparsak aşağıda belirtmiş olduğum komutları kullanarak yola çıkabilirsiniz...

HTML-Kodu:
<ul> <li> Istanbul'un büyük semtleri <lu> <li> Beyoglu <li> Taksim <li> Bakirköy </lu><li> Ankara'nin belli basli yerlesim birimleri <lu> <li> Kizilay <li> Ulus </lu> </lu>