Odev Arsivleri
Adaletsiz Bir Ortamı Aklının Yardımı Olmadan Düzeltmek İmkansızdır.

Buğra Yürekli

Odev-Arsivleri - | - Tr.gg - Sanal Egitim Yuvasi

Html Listesi

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 ikisi
ni
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">HTMLde 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>

Radyo Dinle

=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=