1 / 17

BTEP 203 – İnternet ProgramcIlIğI - I

KONU 4 – Listeler. BTEP 203 – İnternet ProgramcIlIğI - I. Doğu Akdeniz Üniversitesi Bilgisayar ve Teknoloji Yüksek Okulu Bilgisayar Programcılığı Bölümü. KONULAR. Listeler Sıralı Listeler Sırasız Listeler İç İçe Oluşturulan Listeler Tanımlama Listeleri. 1. Listeler.

gaura
Download Presentation

BTEP 203 – İnternet ProgramcIlIğI - I

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. KONU 4 – Listeler BTEP 203 – İnternet ProgramcIlIğI - I Doğu Akdeniz ÜniversitesiBilgisayar ve Teknoloji Yüksek OkuluBilgisayar Programcılığı Bölümü

  2. KONULAR • Listeler • Sıralı Listeler • Sırasız Listeler • İç İçe Oluşturulan Listeler • Tanımlama Listeleri

  3. 1. Listeler Html’ de 3 çeşitlistelemeyöntemibulunmaktadır. • SıralıListeler (OrderedList) • Harf , rakam veya her ikisini iç içe kullanarak oluşturulan listelerdir. • Sırasız Listeler (Unordered List) • Madde imleri kullanılarak oluşturulan listelerdir • Tanımlama Listeleri (Definition List) Sıralı ve sırasız listelerden oluşan farklı farklı iç içe listeler yaratmak da mümkündür.

  4. 2. Sıralı Listeler • <OL> etiketiilebaşlarve </OL> etiketiile biter. • Listeye maddeler eklemek için<LI></LI>etiketikullanılır. • Sıralı listelerdewebtarayıcısıharfleri veya numaralarıotomatikolarakyerleştirir. • Listedenbirelemançıkarıldığındaveyalisteyeyenibirelemaneklenildiğinde, numaralandırmaotomatikolaraktekraryapılırvedüzenlibirşekildegösterilir. • Listeelemanlarıokunurluğuarttırmakiçinsağadoğrubiraziçerikaydırılarakyazılır.

  5. 2. Sıralı Listeler • <OL> etiketi içerisine TYPE ve START parametreleri yerleştirilebilir. • TYPE özelliğilistenintürünü (rakamlamıharflemi)başlayacağını belirler • START özelliği iselistenin hangirakam/harflebaşlayacağınıbelirler. • Start değeri her zamanbirsayıolmalıdır. • Yanisırayıalfabeolarakatamakve “f” denbaşlamakistenilirsestart değeri“f” değil “6”, type değeri ise küçük“a” olarak atanmalıdır.

  6. 2. Sıralı Listeler • Aşağıdaki tabloda sıralı bir liste için TYPE özelliğine atanabilecek değerler listelenmiştir. • Sıralı listelerde TYPE özelliğinin varsayılan değeri (default value) "1" dir.

  7. 2. Sıralı Listeler (Örnek)

  8. 3. Sırasız Listeler • <UL> etiketiilebaşlarve</UL> etiketiile biter. • Listeye maddeler eklemek için sıralı listelerde olduğu gibi<LI></LI>etiketikullanılır. • Sırasız listelerde de madde imleriwebtarayıcısıtarafından otomatikolarakyerleştirir. • Sıralı listelerden tek farkı harf veya numaralar yerine listenin madde imleri kullanılarak yaratılmasıdır. • <UL> etiketi içerisinde TYPE özelliği kullanılarak maddeimininşekli belirlenebilir.

  9. 3. Sırasız Listeler • Sırasız listeler için atanabilecek TYPE değerleri aşağıdaki tabloda listelenmiştir. • TYPE parametresine herhangi bir değer atanmazsa "DISC" varsayılan değer (default value) olarak kabul edilir.

  10. 3. Sırasız Listeler (Örnek)

  11. 4. İç İçe Listeler • Sıralı veya sırasız herhangi bir liste içerisine bir veya birden fazla sıralı/sırasız liste yerleştirilebilir. • Bu şekilde oluşturulmuş listeler iç içe listeler olarak adlandırılır.

  12. 4. İç İçe Listeler (Örnek) <html> <head><title> Listeler </title></head> <body> <ol type="1"> <li>Ağİşletmenliği <ol type="a"> <li>AğTemelleri <li>TCP/IP veAdresleme</ol> <li>Web Programcılığı <ol type="a" start="3"> <li>HTML <li>Web TasarımEditörü <ol type="i"> <li>FrontPage <li>Dreamweaver </ol> </ol></ol> </body> </html>

  13. 4. İç İçe Listeler (Örnek) <html> <head><title> Listeler </title></head> <body> <ul> <li>Ağİşletmenliği <ul type="disc"> <li>AğTemelleri <li>TCP/IP veAdresleme</ul> <li>Web Programcılığı <ul type="square"> <li>HTML <li>Web TasarımEditörü <ul type="circle"> <li>FrontPage <li>Dreamweaver</ul> </ul></ul> </body> </html>

  14. 4. İç İçe Listeler (Örnek) <html> <head><title>IciceListeler</title> </head> <body> <strong>Bölümler</strong> <ol type="1"> <li>Elektronik <li>Tesisat <li>Bilgisayar <ol type="i"> <li>VeritabanıProgramlama <ul type=”square”> <li>Mysql <li>Access </ul> <li>GrafikAnimasyon <li>Ağİşletmenliği <li>AçıkKaynakİşletimSistemleri </ol></ol> </body></html>

  15. 5. Tanımlama Listeleri • Genellikle birden fazla başlığı olan ve her başlık altında kısa açıklama metni bulunan listelerdir. • <dl> </dl> etiketleri ile oluşturulur. • Tanımı yapılacak başlık, <dt></dt> etiletleri arasına yazılır. • <dd></dd> etiketleri arasına ise başlık altına eklenecek olan açıklama metni girilir. • Genelkullanımıaşağıdaki gibidir; <dl><dt>Terimveyatanımbaşlığı</dt><dd>TerimveyatanımAçıklaması</dd></dl>

  16. 5. Tanımlama Listeleri (Örnek) <html> <head><title>TanımlamaListesi</title> </head> <body> <dl> <dt>DL Etiketi</dt> <dd>HTML'detanımlamalistesi (definitions) yapmakiçinkullanılan etiket.</dd> <dt>DT Etiketi</dt> <dd>HTML'detanımlamalistelerindebaşlıkoluşturmakiçin kullanılanetiket.</dd> <dt>DD Etiketi</dt> <dd>HTML'detanımlamalistelerindebaşlığınaltınaaçıklama eklemekiçinkullanılanetiket.</dd> </dl> </body> </html>

  17. 5. Tanımlama Listeleri (Örnek) • Bir önceki sayfada verilen kodlamanın web tarayıcısındaki görüntüsü aşağıdaki gibidir;

More Related