|
|
|
|||||||
 | ||
 |
|
|
Seçenekler | Arama | Stil |
  HTML Dersleri ( Ders 6 : HTML'de Listeler ) | ||||||||||
|
(#1)
|
|||||||||
|
>Mesaj Sayısı: n/a
>Açtığı Konu: 5557
Level: -INF [  ]Paylaşım: NAN / -INF
|
HTML Dersleri ( Ders 6 : HTML'de Listeler ) -
07-23-2007
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 <ol>...</ol> etiketleri arasına alınarak yazılır. Bu etiketler listenin başladığını ve bittiğini belirtir. Liste maddelerinin başına ise <li> (list item ) etiketini getiriyoruz. Bu etikette tıpkı <br> etiketi gibi sonlandırılmıyor. <ol> 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>
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 <ol> etiketi ile başlayıp liste maddelerinin her birisinin başına <li> etiketini getirmek ve listelemeyi bitirmek istediğimiz yerde </ol> etiketini yazmak. Liste içinde yeni bir liste oluşturmak istediğimizde listelenecek maddeden sonra tekrar <ol> 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. <ol> etiketi yerine <ul> etiketini kullanıyoruz, liste maddeleri için kullandığımız <li> etiketi burada da geçerli. <ol> 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>
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 <li> etiketinin yerini burada <dd> ve <dt> etiketleri alıyor. Aynı şekilde <ol>...</ol> veya <ul>...</ul> 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> |
|||||||||
|
||||||||||
 | ||||||||||
|
|
| Cevap: HTML Dersleri ( Ders 6 : HTML'de Listeler ) | ||||||||||
|
|
(#2)
|
|||||||||
|
[10]Yeni Üye
  
>Mesaj Sayısı: 68
>Açtığı Konu: 3
Level: 7 [ ]Paylaşım: 0 / 153
Üyelik tarihi: Apr 2007
Rep Puani: 103
Rep Derecesi :
|
Cevap: HTML Dersleri ( Ders 6 : HTML'de Listeler ) -
07-23-2007
saol ataworM
|
|||||||||
|
|
||||||||||
| ||||||||||
| Cevap: HTML Dersleri ( Ders 6 : HTML'de Listeler ) | ||||||||||
|
|
(#3)
|
|||||||||
|
[10]Yeni Üye
>Mesaj Sayısı: 3
>Açtığı Konu: 149
Level: 1 [ ]Paylaşım: 0 / 2
Üyelik tarihi: May 2007
Nerden: StarHack TeaM
Rep Puani: 401
Rep Derecesi :
|
Cevap: HTML Dersleri ( Ders 6 : HTML'de Listeler ) -
07-23-2007
abi sğpersin tebrikler mükemmelsin çok saol da.derslerden örnek vermen şartmıydı?aram pek ii diil.yakında tramwa fln olcak.neyse işime yaricak saol
|
|||||||||
|
|
||||||||||
| ||||||||||
| Cevap: HTML Dersleri ( Ders 6 : HTML'de Listeler ) | ||||||||||
|
|
(#4)
|
|||||||||
|
>Mesaj Sayısı: n/a
>Açtığı Konu: 5557
Level: -INF [ ]Paylaşım: NAN / -INF
|
Cevap: HTML Dersleri ( Ders 6 : HTML'de Listeler ) -
07-23-2007
Anlamadığınız bi yer olursa sorabilirsiniz
 |
|||||||||
|
|
||||||||||
| ||||||||||
| Cevap: HTML Dersleri ( Ders 6 : HTML'de Listeler ) | ||||||||||
|
|
(#5)
|
|||||||||
|
[10]Yeni Üye
>Mesaj Sayısı: 167
>Açtığı Konu: 12
Level: 11 [  ]Paylaşım: 0 / 274
Üyelik tarihi: Jul 2007
Nerden: zonguldak
Rep Puani: 100
Rep Derecesi :
|
Cevap: HTML Dersleri ( Ders 6 : HTML'de Listeler ) -
07-28-2007
buda çok güzel dersler ii verion ataworm
|
|||||||||
|
|
||||||||||
| ||||||||||
| Cevap: HTML Dersleri ( Ders 6 : HTML'de Listeler ) | ||||||||||
|
|
(#6)
|
|||||||||
|
[10]Yeni Üye
>Mesaj Sayısı: 30
>Açtığı Konu: 0
Level: 4 [ ]Paylaşım: 0 / 80
Üyelik tarihi: Sep 2007
Rep Puani: 100
Rep Derecesi :
|
Cevap: HTML Dersleri ( Ders 6 : HTML'de Listeler ) -
09-10-2007
Te$ekkürler abi
|
|||||||||
|
|
||||||||||
| ||||||||||
| Cevap: HTML Dersleri ( Ders 6 : HTML'de Listeler ) | ||||||||||
|
|
(#7)
|
|||||||||
|
[10]Yeni Üye
>Mesaj Sayısı: 355
>Açtığı Konu: 101
Level: 17 [  ]Paylaşım: 82 / 414
Üyelik tarihi: Jan 2008
Nerden: adana
Rep Puani: 156
Rep Derecesi :
|
Cevap: HTML Dersleri ( Ders 6 : HTML'de Listeler ) -
02-02-2008
teşekkürler
|
|||||||||
|
|
||||||||||
| ||||||||||
| | ||||||||||
|
|
(#8)
|
|||||||||
|
[45]Kategori Moderatör
  
>Mesaj Sayısı: 2,632
>Açtığı Konu: 977
Level: 41 [  ]Paylaşım: 1500 / 1500
Üyelik tarihi: Dec 2007
Rep Puani: 1934
Rep Derecesi :
|
05-30-2008
teşekkürler
|
|||||||||
|
|
||||||||||
| ||||||||||
| | ||||||||||
|
|
(#9)
|
|||||||||
|
[10]Yeni Üye
>Mesaj Sayısı: 614
>Açtığı Konu: 3
Level: 22 [ ]Paylaşım: 563 / 704
Üyelik tarihi: Apr 2008
Rep Puani: 167
Rep Derecesi :
|
05-30-2008
emeğe saygı
|
|||||||||
|
|
||||||||||
| ||||||||||
|
| Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir) | |
| Seçenekler | Arama |
| Stil | |
|
|
Normal
