--> S Gallery: Responsive jQuery Gallery Plugin with CSS3 Animations

Photographs © of Achmed Asit

You can use the arrow keys to navigate between images in the slideshow view, and the shift key to switch back from slideshow to Grid view

Find Plugin on Github Back to Article

Bir Sanal Site Paylaşımı

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">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>

 

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol