HTML Dersleri ( Ders 6 : HTML'de Listeler )

**SHADOWS** · 07-09-2007, 08:31

HTML'de Listeler

HTML bize üç tip liste hazırlama imkanı veriyor.
Bunlar;

Sıralı listeler (ordered list )

Sırasız listeler (unordered list )

Tanımlama listeleri (definition list )

Sıralı listeler rakam veya harf yada her ikisini
içiçe kullanarak liste oluşturmamızı, sırasız listeler rakam/harf yerine madde
imleri ko***** liste oluşturmamızı sağlar. Tanımlama listeleri ise bir listeden
çok kalabalık metinlerde okumayı kolaylaştırmaya yardımcı olabilecek bir
araçtır.

Sıralı Listeler

Liste içine alınacak metinler
...

etiketleri arasına alınarak yazılır. Bu etiketler listenin başladığını ve
bittiğini belirtir. Liste maddelerinin başına ise[*] (list item )
etiketini getiriyoruz. Bu etikette tıpkı
etiketi gibi
sonlandırılmıyor.[list=1] etiketine parametreler ekleyebiliyoruz. Bunlarla
listemizin rakamla mı harfle mi başlayacağını (type ) yada hangi
rakam/harfle başlayacağını (start ) belirtebiliyoruz. Compact
parametresi ise listenin mümkün olan minimum satır aralığına sahip olmasını
sağlıyor.

Bundan sonraki örneklerimizde sayfa kodunun
yalnız body (gövde ) bölümünü vereceğiz. Kodun geri kalan kısımlarını kendi
sayfanızda tam olarak yazmayı unutmayın.

Kod:

<ol type="1"> 
<li>Kimya 
** <ol type="a"> 
****<li>Ynorganik 
****<li>Analitik 
** </ol> 
<li>Fizik 
** <ol type="a"> 
****<li>Dinamik 
****<li>Statik 
** </ol> 
<li>Matematik 
** <ol type="a"> 
****<li>Sayılar 
****<li>Diğer 
****** <ol type="i"> 
********<li>Türev 
********<li>Yntegral 
****** </ol> 
** </ol> 
</ol>

Kimya

Organik

Inorganik

Analitik

Fizik

Dinamik

Statik

Matematik

Sayılar

Diğer

Türev

Yntegral

Listeleri buradaki örnekte olduğu gibi iç içe
hazırlamak da mümkün. Dikkat edeceğimiz nokta; işe
etiketi ile
başlayıp liste maddelerinin her birisinin başına

etiketini getirmek
ve listelemeyi bitirmek istediğimiz yerde

etiketini yazmak. Liste
içinde yeni bir liste oluşturmak istediğimizde listelenecek maddeden sonra
tekrar[list=1] etiketini yazıyoruz ve bahsedilen kuralları aynen
uyguluyoruz. Type parametresinde kullanabileceğimiz değerler şunlar
olabilir; sayılar, harfler (küçük/büyük ) ve romen rakamları (i,ii,iii gibi )

Sırasız Listeler

Bu tip listelerde de mantık aynı. Fark;
listeleme yaparken maddelerin başına harf, rakam gibi unsurlar yerine küçük
yuvarlaklar, kareler kullanabilmemiz.[list=1] etiketi yerine[list]
etiketini kullanıyoruz, liste maddeleri için kullandığımız[*] etiketi
burada da geçerli.[list=1] için kullanılabilecek parametreler ise şöyle;
type için disc (içi dolu daire ), circle (içi boş daire ),
square (içi dolu kare ). Compact parametresi sırasız listelerde de
kullanılabiliyor.

Kod:

<ul type="disc"> 
<li>Kimya 
** <ul type="square"> 
****<li>Ynorganik 
****<li>Analitik 
** </ul> 
<li>Fizik 
** <ul type="square"> 
****<li>Dinamik 
****<li>Statik 
** </ul> 
<li>Matematik 
** <ul type="square"> 
****<li>Sayılar 
****<li>Diğer 
****** <ul type="circle"> 
********<li>Türev 
********<li>Yntegral 
****** </ul> 
** </ul> 
</ul>

Kimya

Organik

Ynorganik

Analitik

Fizik

Dinamik

Statik

Matematik

Sayılar

Diğer

Türev

Integral

Tanımlama Listeleri

Bu listelemede kullanılan etiketler şöyle; <dl>...</dl>
, <dd> , <dt> Listenin maddelerini belirtmek için kullandığımız [*] etiketinin yerini burada <dd> ve <dt> etiketleri alıyor.
Aynı şekilde
...

veya
...

etiketleri arasına
aldığımız listeyi bu sefer <dl>...</dl> arasına yazıyoruz. Yine parametre
olarak <dl> etiketi içinde compact ifadesini kullanabiliriz.

Hemen örneğimize geçelim,

Neler öğrendik?

<dl compact>

<dt>HTML nedir?

<dd>HTML (HyperText Markup
Language-Hareketli-Metin Yşaretleme Dili ) basitçe, browserlarla
görebileceğimiz, internet dökümanları oluşturmaya yarayan
bir çeşit dildir...

<dt>HTML'de Temel Unsurlar

<dd>Bu dilde binary veya
hexadecimal kodlar yok. Herşey metin tabanlı ve bir HTML dökümanı
oluşturmak için ihtiyacınız olan şey bir editör.Piyasada iki tip editör
bulunuyor. Birisi metin tabanlı, kod yazmayı gerektiren...

<dt>Listeler

<dd>Sıralı listeler rakam
veya harf yada her ikisini içiçe kullanarak liste oluşturmamızı, sırasız
listeler rakam/harf yerine madde imleri ko***** liste
oluşturmamızı sağlar...

Üyeler içindir. üye olun...

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder
Stil
Normal Hybrid-Şeklinde gösterime geç Ağaç şeklinde gösterime geç

Benzer Konular
Konu	Konuyu Başlatan	Forum	Cevaplar	Son Mesaj
HTML Dersleri ( Ders 1 : HTML Nedir ? )	SHADOWS	Webmaster Genel	5	22-01-2008 22:59
HTML Dersleri ( Ders 10 : Sayfa İçi Bloklar )	SHADOWS	Webmaster Genel	1	08-09-2007 18:08
HTML Dersleri ( Ders 3 : İlk Html Sayfam )	SHADOWS	Webmaster Genel	0	07-09-2007 08:34
HTML Dersleri ( Ders 5 : Fontlar ve Kullanımı )	SHADOWS	Webmaster Genel	0	07-09-2007 08:32
HTML Dersleri ( Ders 7 : HTML'de Renkler )	SHADOWS	Webmaster Genel	0	07-09-2007 08:30

07-09-2007, 08:31	#1 (permalink)
SHADOWS	HTML'de Listeler HTML bize üç tip liste hazırlama imkanı veriyor. Bunlar; Sıralı listeler (ordered list ) Sırasız listeler (unordered list ) Tanımlama listeleri (definition list ) Sıralı listeler rakam veya harf yada her ikisini içiçe kullanarak liste oluşturmamızı, sırasız listeler rakam/harf yerine madde imleri ko***** liste oluşturmamızı sağlar. Tanımlama listeleri ise bir listeden çok kalabalık metinlerde okumayı kolaylaştırmaya yardımcı olabilecek bir araçtır. Sıralı Listeler Liste içine alınacak metinler ... etiketleri arasına alınarak yazılır. Bu etiketler listenin başladığını ve bittiğini belirtir. Liste maddelerinin başına ise[] (list item ) etiketini getiriyoruz. Bu etikette tıpkı etiketi gibi sonlandırılmıyor.[list=1] etiketine parametreler ekleyebiliyoruz. Bunlarla listemizin rakamla mı harfle mi başlayacağını (type ) yada hangi rakam/harfle başlayacağını (start ) belirtebiliyoruz. Compact parametresi ise listenin mümkün olan minimum satır aralığına sahip olmasını sağlıyor. Bundan sonraki örneklerimizde sayfa kodunun yalnız body (gövde ) bölümünü vereceğiz. Kodun geri kalan kısımlarını kendi sayfanızda tam olarak yazmayı unutmayın. Kod: <ol type="1"> <li>Kimya * <ol type="a"> **<li>Ynorganik <li>Analitik </ol> <li>Fizik <ol type="a"> <li>Dinamik <li>Statik </ol> <li>Matematik <ol type="a"> <li>Sayılar <li>Diğer ** <ol type="i"> ****<li>Türev ****<li>Yntegral ** </ol> </ol> </ol> Kimya Organik Inorganik Analitik Fizik Dinamik Statik Matematik Sayılar Diğer Türev Yntegral Listeleri buradaki örnekte olduğu gibi iç içe hazırlamak da mümkün. Dikkat edeceğimiz nokta; işe etiketi ile başlayıp liste maddelerinin her birisinin başına etiketini getirmek ve listelemeyi bitirmek istediğimiz yerde etiketini yazmak. Liste içinde yeni bir liste oluşturmak istediğimizde listelenecek maddeden sonra tekrar[list=1] etiketini yazıyoruz ve bahsedilen kuralları aynen uyguluyoruz. Type parametresinde kullanabileceğimiz değerler şunlar olabilir; sayılar, harfler (küçük/büyük ) ve romen rakamları (i,ii,iii gibi ) Sırasız Listeler Bu tip listelerde de mantık aynı. Fark; listeleme yaparken maddelerin başına harf, rakam gibi unsurlar yerine küçük yuvarlaklar, kareler kullanabilmemiz.[list=1] etiketi yerine[list] etiketini kullanıyoruz, liste maddeleri için kullandığımız[] etiketi burada da geçerli.[list=1] için kullanılabilecek parametreler ise şöyle; type için disc (içi dolu daire ), circle (içi boş daire ), square (içi dolu kare ). Compact parametresi sırasız listelerde de kullanılabiliyor. Kod: <ul type="disc"> <li>Kimya * <ul type="square"> **<li>Ynorganik <li>Analitik </ul> <li>Fizik <ul type="square"> <li>Dinamik <li>Statik </ul> <li>Matematik <ul type="square"> <li>Sayılar <li>Diğer ** <ul type="circle"> ****<li>Türev ****<li>Yntegral ** </ul> </ul> </ul> Kimya Organik Ynorganik Analitik Fizik Dinamik Statik Matematik Sayılar Diğer Türev Integral Tanımlama Listeleri Bu listelemede kullanılan etiketler şöyle; <dl>...</dl> , <dd> , <dt> Listenin maddelerini belirtmek için kullandığımız [] etiketinin yerini burada <dd> ve <dt> etiketleri alıyor. Aynı şekilde ... veya ... etiketleri arasına aldığımız listeyi bu sefer <dl>...</dl> arasına yazıyoruz. Yine parametre olarak <dl> etiketi içinde compact ifadesini kullanabiliriz. Hemen örneğimize geçelim, <font face="verdana" size="4" color="red">Neler öğrendik?</font> <dl compact> <dt><font size="3" color="blue">HTML nedir?</font> <dd><font size="2" color="black">HTML (HyperText Markup Language-Hareketli-Metin Yşaretleme Dili ) basitçe, browserlarla görebileceğimiz, internet dökümanları oluşturmaya yarayan bir çeşit dildir...</font> <dt><font size="3" color="blue">HTML'de Temel Unsurlar</font>* <dd><font size="2" color="black">Bu dilde binary veya hexadecimal kodlar yok. Herşey metin tabanlı ve bir HTML dökümanı oluşturmak için ihtiyacınız olan şey bir editör.Piyasada iki tip editör bulunuyor. Birisi metin tabanlı, kod yazmayı gerektiren...</font> <dt><font size="3" color="blue">Listeler</font> <dd><font size="2" color="black">Sıralı listeler rakam veya harf yada her ikisini içiçe kullanarak liste oluşturmamızı, sırasız listeler rakam/harf yerine madde imleri ko*** liste oluşturmamızı sağlar...</font> Üyeler içindir. üye olun...** __________________ Çeşitli Konu İçerikleri ve Teknik Destek - Yazılım Vs Vs Alanlarda Sorularınıza Cevap Veremeyeceğim İçin Üzgünüm... Diğer Yetkili Arkadaşlar Sizlere Yardımcı Olacaklardır... Saygıyla... Closed Admin (: Yetkilerim Kendi İsteğim Dahilinde Alınmıştır...

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)