html kod - tr.gg - htmlkodlari - htlmkodes
  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 koyarak 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 Alanı:


 

<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 <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 Alanı:


 

<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
<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 koyarak liste
oluşturmamızı sağlar...</font>
 
  Bugün 59 ziyaretçikişi burdaydı!  
 
http://www.turkmayasi.tr.gg/   StilNet  OyunHangarı.tr.gg Tumhepsiburada.TR.GG  Hyperend.Tr.Gg Mehmet-Altiner.Tr.Gg  Html Kodları Hakan-Fan Site Reklamı Yap   
www.pazarlamaca.tr.gg




BahisDelisi.TR.GG

Web Tasarım

Bedava - Sitem | TR.GG | Bedava sitem | Html Kodları | Htmlkod | Html kod | Javascript| Webmaster Araçları | Toplist | Fenerbahçe | Haber 7 | Haber7 | Photoshop CS3 | Photoshop | Galeri | Samanyolu haber | Son dakika | Youtube | Frmtr | Banner | Sitene banner yap | Metin2 | Ttnet | Adsl | Bushido | Komik videolar | Komik yazılar | Grup hepsi | Müzik dinle | Kurban Bayramı | Sitene ekle | Tr.gg toplisti | Tr.gg toplist | Siteni ekle | Hareketli gifler!hakan kandemir
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol