merhabalar sevgili okurlarım; html dersimiz nihayet geldi çattı; bu derste sizinle html üzerinde listelerde type etiketini, gerekliliklerini ve kullanım alanlarını inceleyeceyiz. aslında birebir yeni kavram öğreneceyiz.
type etiketi nedir, nerelerde kullanılır?
html üzerinde type etiketi sadece listelerde değil, form elemanlarının olmazsa olmaz etiketlerinde, html>'nin hemen hemen her alanında aktif olarak kullanılır. type; parametre olduğundan başta kullanılmaz, ortalarda kullanılır ve <> gibi işaretler genel anlamda almaz. yazılışı yukarıdada görüldüğü gibi type olarak nitelendirilir.
type; listelerde özellikle o listenin nasıl konumlandırılacağını, roma rakamı veya a, b gibi harfmi kullanılacağını, disc gibi işaretlermi kullanılacağını, daire gibi sembollermi kullanılacak bunu denetleyen ve sisteme işleyen kavramdır.
örnekler
şimdi gelelim örneklere dostlar; <html><head><title>denemesayfası</title></head><body>
<h2>listelerde metinsel listelere örnek</h2>
<ul type="disc">
<li>Öğe 1</li>
<li>Öğe 2</li>
<li>Öğe 3</li>
</ul>
yukarıdaki koda baktığımızda bize yuvarlak işaretli bir liste oluşturur ve gösterir. şimdi gelelim sayısal listelere
<ol type="1">
<li>Öğe 1</li>
<li>Öğe 2</li>
<li>Öğe 3</li>
</ol>
Bu kod, 1'den başlayan numaralandırılmış bir liste oluşturur. ve hepimize aslında bu değerler kolaylık sağlar. aşağıda; html üzerinde type işaretiyle beraber kullanabileceyimiz değerleri listeledim sizin için dersi bitirmeden önce, gözatalım haydi birlikte.
listelerde kullanabileceyimiz değerler
- 1: Numaralandırılmış liste için
- a: Harflerle numaralandırılmış liste için
- A: Büyük harflerle numaralandırılmış liste için
- i: Roma rakamlarıyla numaralandırılmış liste için
- I: Büyük Roma rakamlarıyla numaralandırılmış liste için
- disc: Yuvarlak işaretli liste için
- circle: Nokta işaretli liste için
- square: Kare işaretli liste için.yukarıda belirtiyim tüm elemanları listelerde type etiketiyle kullana bilir, web sayfanıza farklı görünümler sağlayabilirsiniz. Son olarak şimdi tüm html kodumu tamamıyla bitiriyorum; </body></html> bu haftada sizinle böylelikle listeleri tamamlamış olduk; 8. Haftada görüşmek üzere esenlikler diliyorum.