Bilgisaymaz® Online Oyunlar,Okul,Spor,Haberler
Lütfen Giriş Yap veya Kayıt Ol

Bilgisaymaz® Online Oyunlar,Okul,Spor,Haberler


 
AnasayfaSSSGiriş yapKayıt Ol
Alttaki "Beğen" tuşuna basarak Facebook sayfamızı beğenirseniz sevinirim.

Paylaş | 
 

 Listeler List Liste Yapmak Hazırlamak Örnek

Aşağa gitmek 
YazarMesaj
forum botu
Çalışkan Üye
Çalışkan Üye



Mesaj Sayısı Mesaj Sayısı : 192
Rep Puanı Rep Puanı : 8
Uyarı Seviyesi Uyarı Seviyesi : YOK


MesajKonu: Listeler List Liste Yapmak Hazırlamak Örnek   Paz Tem. 11, 2010 7:06 pm

Kod:
Listeler

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

1. Sıralı listeler (ordered list) 2. Sırasız listeler (unordered list) 3. Tanımlama listeleri (definition list)
Düz listeler

Düz liste oluşturmak için,

Listeye başlamak için belirteç açılır.<ul> ve Listeyi bitirmek için belirteç kapatılır.</ul>

Liste elemanlarını teker teker girerken başına <li> belirteci girilir. Kapatmak için </li> belirtecine gerek duyulmaz.

Örnek olarak;

<ul> <li> Liste elemanı - 1 <li> Liste elemanı - 2 </ul>

Görünümü Bu Şekilde
Liste elemanı - 1
Liste elemanı - 2
<ol> tagı ile kullanılan type elemanının alacağı değer ile listenizi şekillendirebiliriz. Mesela type="a" olursa listeniz "a, b, c, d" şeklinde sıralanacaktır. Ya da type="I" yazarak listenizi roma rakamları ile sıralanır. Listenizin "e, f, g" veya "10, 11, 12" şeklinde başlamasını istersek bunu da start elemanı ile yapılır. Mesala "10,11,12" şeklinde bir liste yapmak istersek.

<ol type="1" start="10">

<li> Elma <li> Armut <li> Kiraz </ol>
Start elemanının değeri her zaman bir sayı olmalı.

Görünümü Bu Şekilde :

Elma
Armut
Kiraz

Compact parametresi ise listenin mümkün olan minimum satır aralığına sahip olmasını sağlıyor.

Sırasız Listeler

Bu tip listede de mantık aynı. Fark, listeleme yaparken maddelerin başına harf, rakam gibi unsurlar yerine madde imleri (küçük yuvarlaklar, kareler) kullanılır.

<ol> etiketi yerine <ul> etiketini kullanıyoruz, maddeler için kullandığımız <li> etiketi burada da geçerli.

Sırasız Listelerde <ol> için type parametreleri ise şöyle;.

<ul type="circle"> , içi boş daire <ul type=" disc"> , içi dolu daire <ul type=" square"> , içi dolu kare

Örnek:

<ul type="circle"> <li> Elma <li> Armut <li> Kiraz </ul>

Görünümü Bu Şekilde :
Elma
Armut
Kiraz
Tanım Listeleri

Tanım listeleri yapılırken <dl> </dl> tagları kullanılır. Yardımcı eleman olarak ise <dt> ve <dd> elemanları kullanılır.

Tanımı yapılacak başlık, <dt> ile belirtilir, <dd> ile başlık altına metin girilir.


Örnek :
<dl compact> <dt>HTML nedir? <dd> HTML (HyperText Markup Language-Hareketli-Metin İşaretleme Dili). <dd> Web Tarayacıda görebileceğimiz, internet dökümanları oluşturmaya yarayan bir çeşit dildir </dl>
İçiçe Listeler

alt alta listeler yapmak için.

<ol type="A"> <li>HTML Dersleri <ol type="1"> <li>Kullanılan Elemanlar <ul type="circle"> <li>aaa <li>bbb </ul> <li>Kullanım Alanları <ul type="circle"> <li>ccc </ul> <li>Püf Noktaları </ol> <li>HTML Nedir? </ol>

Görünümü Bu Şekilde :
HTML Dersleri
Kullanılan Elemanlar
aaa
bbb
Kullanım Alanları
ccc
Püf Noktaları
HTML Nedir?
Sayfa başına dön Aşağa gitmek
 
Listeler List Liste Yapmak Hazırlamak Örnek
Sayfa başına dön 
1 sayfadaki 1 sayfası
 Similar topics
-
» Sata Disk için gereken sürücüleri xp kurulum dosyaları ile birleştirmek ve yeni bir cd yapmak

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
Bilgisaymaz® Online Oyunlar,Okul,Spor,Haberler  :: Teknoloji ve Webmaster :: Html Dersleri-
Buraya geçin: