HTML'de madde işaretli liste. Madde işaretli ve numaralandırılmış HTML listesi
Herkese iyi günler sevgili dostlarım ve okuyucularım. Dün kutladım ve aile çevresinde her şeyin planlandığı gibi iyi gittiğini söylemek istiyorum. İşte böyle olması gerekiyordu. Yine de aile çemberinde oturdular. Pekala, 19 Haziran'da arkadaşlarımla kutlayacağım, yani ziyafetin devamı olacak. Ama bugün nihayet iş günlerine dönebiliriz (tatilde olmama rağmen) ve html dilini öğrenmeye devam edebiliriz.
Bilirsin? Dün eşim ve ben ev, doğum günü, tatil için almamız gerekenlerin bir listesini yapıyorduk ve birden aklıma: "Ah. Ve bir sonraki makaleyi sadece html'deki listelere ayıracağım. Genel olarak iki ana tür vardır, bu yüzden her türe ayrı bir makale ayırmak istedim. Ve bugün html madde işaretli listesini inceleyeceğiz.
Madde işaretli liste nedir? Bu, herhangi bir sıralı eylem içermeyen, ancak yine de anlam bakımından benzer öğeler içeren özel bir listedir. Ve bu tür listeler, örneğin işaretçiler, kısa çizgiler vb. Gibi bazı simgelerle vurgulanır. Burada blogumda işaret parmağı şeklinde sunuluyorlar ve ben bir şey listelerken bunu kullanıyorum. Bir örneğe bakalım.
Bilgisayar parçaları:
- Anakart
- Veri deposu
- HDD
- Video kartı
- Vesaire.
Şimdi tüm bunları html'de nasıl yeniden oluşturacağımızı görelim.
Bu tür listeler yapmak için iki çift kullanmamız gerekecek.
Aslında, oluşturma prosedürü maddeli listeçok kolay ve size bir örnekle göstereceğim:
- pejo
- Opel
Belgeyi kaydedip tarayıcıda açtığınızda liste bu şekilde görünecektir. Kendiniz görün, deneyin.
Öznitellikler
Ve tabii ki bu etiketlerle ilgili olanları da anlatmadan edemeyeceğim. Doğru, aslında, bu nitelikler artık html'de kullanılmıyor, çünkü stiller, yani CSS aracılığıyla her şey aynı şekilde daha kolay ve daha uygun. ama ben yine de sana anlatmak isterim genel gelişme, bu yüzden size type özniteliğini ve anlamlarını tanıtacağım.
type niteliği, işaretçinin görünümünü değiştirmek için ayarlanmıştır, ancak günümüz gerçeklerinde söylediğim gibi, hala çalışmasına rağmen artık onu ayarlamak alışılmış bir şey değildir.
- - bu değer varsayılan değerdir, bu nedenle onu reçete etmenin hiçbir anlamı yoktur. İşaretçiler siyah dolu daireler gibi görünür;
- - bu değer sayesinde işaretçi yuvarlak kalacak, ancak artık doldurulmayacaktır;
- -V bu durum m işaretleri küçük siyah karelere dönüşecektir.
Nasıl çalıştığını görmek için kendiniz deneyin ve tüm değişiklikleri göreceksiniz.
iç içe liste
Tek bir listeyle yetinmeyeceğiniz zamanlar vardır ve o zaman her şeyi doğru bir şekilde dağıtmak için iç içe geçmiş bir liste yapmamız yeterlidir. Araba örneğimizi ele alalım. Önceki örneklerde, arabaların bir listesini yaptım ve şimdi her markaya birkaç model daha koyacağız.
Bunu yapmak kesinlikle çok kolay, sadece bu etikette
- , ve zaten bir sonraki etiket grubunu oraya ekleyin
- aralarına araba modelleri yazılacaktır. Temiz? Değilse, kodda nasıl göründüğüne bakalım.
Şimdi tarayıcıda her şeyi kaydedip çalıştırıyoruz. Bakın elimizde ne var: şimdi listenin her öğesinde başka bir yeni liste var. Bunun için uğraşıyorduk. Ve fark ederseniz, varsayılan işaretçiler ana işaretçilerden farklı olarak ayarlanır. Bu, kafanızın karışmaması için bilerek yapılır, ancak istediğiniz özelliği koyabilir ve kendi işaretçinizi seçebilirsiniz. Burada her şeyin açık olması gerektiğini düşünüyorum.
Ancak gelecekte CSS çalışacağız ve her şeyi olması gerektiği gibi yapacağız. Stillerle, listenin görünümünü büyük ölçüde geliştirebilir ve hatta kendi işaretçinizi oluşturabilirsiniz. Blogumdaki menüyü görüyor musunuz (Ana Sayfa, Tüm Makaleler, Yazar Hakkında vb.)? Ve genel olarak, hemen hemen her siteye gidebilir ve benzer bir menü görebilirsiniz. Yani, tüm bu menü öğeleri liste öğeleridir, yalnızca CSS aracılığıyla işlenirler.
Genel olarak, bence meseleyi anladın. Ancak HTML ve CSS'de iyi olmak istiyorsanız, kursa bir göz atmanızı şiddetle tavsiye ederim " Sıfırdan profesyonelliğe HTML5 ve CSS3". Bu kurs sayesinde her şeyi kolayca öğreneceksiniz. html temelleri ve css'nin yanı sıra çeşitli site türlerini kendiniz nasıl tasarlayacağınızı öğrenin: kartvizit siteleri, bloglar, çevrimiçi mağazalar ve hatta açılış sayfaları. Kurs gerçekten harika.
Saygılarımla, Dmitry Kostin.
- 2 oy üzerinden 5 üzerinden 4,5
Çoğu zaman, sitedeki belirli bilgilerin listeler şeklinde sunulması gerekir.
Listeler düzenlemenizi ve düzenlemenizi sağlar çeşitli bilgiler ve ziyaretçiye uygun bir şekilde sunun.
HTML'deki listeler üç çeşittir: madde işaretli listeler, numaralı listeler ve tanım listeleri. Onları sırayla nasıl oluşturacağımızı görelim.
İşaretli liste
Bu liste türü en sık kullanılandır. HTML'de madde işaretli liste, etiketler kullanılarak oluşturulur
- . Aynı zamanda, listenin her öğesinin karşısına bir işaretçi eklenir, varsayılan olarak daire şeklinde bir işaretleyicidir. Etiketlerin yardımıyla, içinde liste öğelerinin bulunduğu bir kap oluşturulur: .
Madde işaretli liste kodu şöyle görünür:
- Bunun gibi seçenek
- Bu seçenek
- bir tür seçenek
Bu kodu kullanarak bir HTML sayfası oluşturmayı deneyebilirsiniz ve sonuç olarak aşağıdaki listeyi alacaksınız:
Gördüğünüz gibi, listenin her elemanı Yeni hat, solda, üstte ve altta belirli girintiler oluşturulur. Listedeki her öğe, dolu daire (varsayılan), daire veya kare olabilen bir işaretçiyle başlar. Etiket
- işaretçinin stilinin ayarlandığı bir tür özelliği vardır. Bu öznitelik aşağıdaki değerlere sahiptir:
- disk - daire;
- daire - daire;
- kare kare.
- Bunun gibi seçenek
- Bu seçenek
- bir tür seçenek
- Bunun gibi seçenek
- Bu seçenek
- bir tür seçenek
- . Bu şekilde, çeşitli işaretçilerle bir liste oluşturabilirsiniz.
- Bunun gibi seçenek
- Bu seçenek
- bir tür seçenek
Sonuç aşağıdaki gibi olacaktır:
Numaralandırılmış listeler.
HTML'deki numaralandırılmış listeler, her öğenin bir seri numarası, numaralı listeler etiketi kullanılarak oluşturulur.
- ve etiketlerinin içine yerleştirilmiş
-
- İlk satır LI>
- İkinci çizgi
- üçüncü satır
Böyle bir liste şöyle görünür:
Varsayılan numaralandırma Arap rakamlarıdır. Ama etiket
- numaralandırmanın büyük harfle (type="A") veya küçük harfle (type="a") yapılabileceği değerlerin yardımıyla bir tür özelliği vardır. latin harfleriyle, büyük harfle (type="I") ve küçük harfle (type="i") Romen rakamları.
- . Etiket
- liste için bir kap oluşturur, etiket
- terimi ve etiketi ayarlar
- bir terimin açıklaması veya tanımı.
kaydedildi bu liste Aşağıdaki şekilde:
- Dönem 1
- Terim 1'in tanımı
- dönem 2
- 2. terimin tanımı
- dönem 3
- 3. terimin tanımı
Bu, aşağıdaki listeyle sonuçlanacaktır:
Gördüğünüz gibi bu, terim ve tanım metni için uygun girintiler oluşturur.
HTML'de iç içe veya çok düzeyli listeler.
Bazen, belirli bir liste türünün bir elemanına başka bir liste yerleştirmek gerekir. HTML, listeleri süresiz olarak diğer listelerin öğelerinin içine yerleştirme yeteneğine sahiptir.
Örneğin, numaralı listeleri madde işaretli liste öğelerinin içine yerleştiren kod buradadır.
- Bunun gibi seçenek
- İlk satır LI>
- İkinci çizgi
- üçüncü satır
- Bu seçenek
- İlk satır LI>
- İkinci çizgi
- üçüncü satır
- bir tür seçenek
- İlk satır LI>
- İkinci çizgi
- üçüncü satır
Bugün, herhangi bir kişinin bilgisayar becerilerine sahip olması ve en azından asgari set programlar. Standart ve en popüler Microsoft Word'ü içerir. Word'de çalışan kullanıcılar, netlik için belirli metin aralıklarını vurgulama ihtiyacıyla karşı karşıya kalır. Genellikle bir belgeye bir liste eklemek gerekir. Madde işaretli veya numaralandırılmış bir liste olabilir - kullanıcının durumda gezinme yeteneği vardır.
Program, hepsini keşfetmek için geniş fırsatları kullanarak herhangi bir belge, mektup ve proje oluşturmanıza olanak tanır. Microsoft özellikleri Kelime, zaman harcamanız gerekiyor, ancak sonuç buna değer.
Metni anlaşılır ve anlamlı hale getirmek için listeler gereklidir. Çoğu belgede aynı düzeyde numaralandırılmış ve madde işaretli bir liste kullanılır. tezlerde ve bilimsel belgeler kullanılmış çok düzeyli liste.
Numaralandırma ve Madde İşaretleri
Her şeyden önce, bir liste olarak biçimlendirilmesi gereken paragrafları seçmeniz gerekir. Bu, fare ile yapılabilir veya imleci listenin başlayacağı satırın başına getirmeniz yeterlidir.
MS Word'de, "Paragraf" grubunda istediğiniz eki seçebileceğiniz bir "Giriş" sekmesi vardır. Kullanıcı "Numaralandırma" veya "İşaretçiler" düğmelerine basar, ardından cetveli kullanarak girintileri ayarlar. Bu yöntem çok basit ve anlaşılır, ancak deneyimsiz kullanıcı gizli sorunlarla karşılaşabilir. Madde işaretli ve numaralı listeleri tekrar eklerken, girintilerin tekrar düzenlenmesi gerekecektir.
Her listeyi ayrı ayrı biçimlendirmek ve yazı tipi parametrelerini değiştirmek gerektiğinde, programın her kullanıcısı metni doğru yapamayacak ve ayrıca çok fazla zaman ve çaba gerektirecektir.
Numaralandırılmış listeler
Listenin her öğesi bir numara ile vurgulanır, numaralandırma otomatik olarak düzeltilir. Liste oluşturmak ve düzenlemek için "Paragraf" grubunda "Numaralandırma" butonu bulunmaktadır. "Numaralandırma" işlevini de kullanabilirsiniz bağlam menüsü seçilen paragraf
Liste seçenekleri:
- Sayı biçimi, her öğenin yanında hangi karakterin görüneceğini belirler.
- Numaralandırma stili, belirli bir belgenin özelliklerine bağlı olarak seçilebilir: Arap veya Romen rakamları, büyük harf vb.
- "Başlangıç değeri" alanı, listenin başlayacağı sayıyı seçmenizi sağlar.
- Benzer bir liste oluşturmanız, ancak yeniden numaralandırmanız gerekirse, "Başlat yeni liste". Öğeleri seçmeniz ve tüm parametreleri ayarlamanız gerekir.
Numaralandırılmış bir listeyi otomatik olarak ekleyebilirsiniz. Bunu yapmak için aşağıdaki adımları gerçekleştirmelisiniz:
- Bir paragrafın başında, metni girmeden önce "1", ardından "Boşluk" veya Sekme koymanız gerekir. Paragraf, listedeki ilk öğe olarak görünecektir.
- Bir paragrafın önüne "1)" ekleyerek ve ardından Boşluk veya Sekme tuşuna basarak, kullanıcı farklı türde bir liste oluşturacaktır.
- Benzer şekilde, harfli listeler hazırlanır. Dizelerde nokta veya parantez ile girmelisiniz. Her paragraftan sonra "Boşluk" veya Sekme tuşuna basmalısınız.
Madde İşaretli Listeyi Otomatik Olarak Oluşturma
Madde işaretli bir listeyi Word'e şu şekilde ekleyebilirsiniz:
- Paragrafın başına bir yıldız işareti veya büyüktür işareti yazmanız ve ardından Boşluk veya Sekme tuşuna basmanız gerekir.
- Otomatik olarak madde işaretli bir liste oluşturun. "Dosya" sekmesine gidip "Seçenekler" grubunu seçerek etkinleştirebilirsiniz. "Yazım" sekmesinde, "Otomatik Düzeltme Seçenekleri"ni seçin. "Otomatik Biçim" bölümünde, stillerin yanındaki kutuları işaretleyin.
Aşağıdaki türlerden madde işaretli bir liste oluşturabilirsiniz:
Çok düzeyli liste
Madde işaretli ve numaralandırılmış listeler birer öğedir ve kullanıcının ihtiyacına göre yapılandırılmalıdır. özel durum. Yapı, "Çok Düzeyli Liste Tanımla" işlevi kullanılarak düzenlenebilir. "Belgelerdeki listeler" grubunda tüm listelerin nasıl görüntülendiğini kontrol etmek uygundur. Her birinin yazı tipi ayarlarını ayrı ayrı değiştirmek için, çok düzeyli liste paragraf stilleriyle ilişkilendirilir.
Çok düzeyli bir liste için temel ayarlar
Birkaç seviyeden oluşan bir liste oluştururken aşağıdaki parametrelere dikkat etmeniz gerekir:
- Seviye seçimi ve tasarımının bir örneği.
- Yazı tipi tanımı ayarları, gerekirse sayının sabit kısmını ayarlayabilirsiniz.
- Numaralandırma türü seçimi: sembol, resim, harfler ve diğer seçenekler.
- Numaralandırmanın güncellendiği düzeyi tanımlar.
- Girintilerin ve metin konumunun belirlenmesi.
- Ek düzenleme seçenekleri.
- Eşleşen paragraf stili ve çok düzeyli liste.
Bir kez oluşturulmuş ayarlar, otomatik mod sonraki listelere uygulanabilir. Ancak düzenlemeye ihtiyaç varsa, her listeyle ayrı ayrı çalışmanız gerekecektir. Bu rahatsızlık önemsiz görünebilir, ancak metindeki listeler ise çok sayıda, biçimlendirme uzun zaman alacaktır.
İşaretçi stili nasıl değiştirilir?
"İşaretçiler" düğmesine tıklayarak bu durumda uygun olan seçeneği seçebilirsiniz. Bunu yapmak için "Kütüphane" alanına gidin ve üzerine tıklayın. Numaralandırma tipi aynı şekilde seçilir: "Numaralandırma Kitaplığı" alanında.
Word'de numaralandırılmış veya madde işaretli bir listeyi metne dönüştürmek için ilgili düğmeye basmanız yeterlidir.
Metnin her bir öğesi özel bir işaretleyici ile vurgulanabilir. Listeyi belirli bir belgenin gereksinimlerine göre biçimlendirmek için "Yeni İşaretçi Tanımla" komutunu seçmelisiniz.
Tüm olasılıklara hakim olduktan sonra Microsoft programları kelime çalışması belgelerle keyif getirecek, ayrıca metni biçimlendirmek için çok fazla zaman harcamanıza gerek yok. Numaralı liste gibi madde işaretli bir liste hemen hemen her belgede bulunur ve sıklıkla kullanılır, bu nedenle program kullanıcısının çeşitli türlerde listelerin oluşturulmasına aşina olması yararlı olacaktır.
Madde işaretli listeler, büyük metni, her biri bir madde işaretiyle (genellikle küçük bir nokta) başlayan ayrı bloklara ayırmanıza olanak tanır. Bu, okuyucunun dikkatini metne çeker ve okunabilirliğini artırır.
eleman ile
- aşağıdaki özelliklerle ilişkilidir:
- buluştuğu yerde
- , tarayıcı otomatik olarak bir satır sonu ekler;
- listenin üstünde ve altında girintiler vardır;
- işaretçiler varsayılan olarak dolu bir daire olarak görüntülenir;
- listenin her öğesi, gövde metnine göre sağa kaydırılır.
- disk - dolu bir daire şeklinde işaretler;
- daire - doldurulmamış bir daire şeklinde işaretçiler;
- kare - kare işaretçiler.
- sepulki
- mezar taşı
- sepulenia
- işe yaramayacak, bu yüzden etrafta çalışmalısın. Bunu yapmak için, list-style özelliği ile none değerini kullanarak ve metinde içerikten önce liste işaretçilerini gizleyin.
- ::before sözde öğesiyle kendi karakterinizi ekleyin. Örnek 2'de, bir üçgen böyle bir işaretleyici görevi görür.
Örnek 2: ::before Kullanımı
Listeler - sepulki
- mezar taşı
- sepulenia
Sonuç bu örnekŞek. 2. list-style özelliğinin none değeriyle kullanılması işaretçileri hiç kaldırmadığından, yalnızca onları görünümden gizlediğinden, liste sağa kaydırılır. Bu özellikten kurtulmak için örnek, text-indent özelliğini negatif bir değerle ekler. Görevi, metni bir karakter sola taşımaktır.
Pirinç. 2. Listedeki keyfi işaretçiler
Karakterin onaltılık biçimde olması gerekmez, doğrudan metne de eklenebilir. Önemli olan belgeyi UTF-8 kodlamasında kaydetmek ve editörün bunu desteklemesidir. Karakterlerin kendileri ve kodları örneğin LibreOffice Writer'dan alınabilir (Şekil 3).
Pirinç. 3. LibreOffice'de sembol seçimi
Çizilmiş madde işaretleri içeren liste
Stiller, list-style-image özelliği aracılığıyla herhangi bir uygun görüntüyü bir işaretleyici olarak ayarlamanıza olanak tanır. Değer, göreli veya mutlak bir yoldur. grafik dosyası, örnek 3'te gösterildiği gibi.
Örnek 3: Bir Görüntüyü İşaretleyici Olarak Kullanma
Listeler - sepulki
- mezar taşı
- sepulenia
Liste öğelerini şekil başlıklarına dönüştürmemek için küçük boyutlu bir resim seçmek en iyisidir. Şek. Şekil 4, küçük resimleri işaretleyici olarak kullanmak için örnek eylemin sonucunu gösterir.
Pirinç. 4. İşaretleyici olarak çizim
Liste stili görüntünün bazı dezavantajları vardır:
- desen yukarı veya aşağı hareket ettirilemez;
- V farklı tarayıcılar resmin metne göre konumu farklı olabilir.
Arka plan görüntüsünü ayarlayan background özelliği kullanılarak bu sorunlardan kaçınılabilir. Her liste öğesi için
- orijinal işaretleyicileri kaldırıyoruz ve arka plan görüntüsünü tekrarlamadan ayarlıyoruz. Ve metnin resmin üstünde görüntülenmemesi için, onu sola kaydırma yoluyla sağa kaydırıyoruz (örnek 4).
Örnek 4 Arka planı kullanma
Ul ( sol kenar boşluğu: -1em; ) li ( liste stili: yok; arka plan: url(images/bullet.png) tekrarsız 0 2 piksel; sol dolgu: 20 piksel; )
Metin ve madde işareti konumu
Metne göre bir işaretçi yerleştirmenin iki yolu vardır: işaretçi, liste öğelerinin sınırının dışına yerleştirilir veya metinle çevrelenir (Şekil 5).
içeri dıştan Pirinç. 5. İşaretçileri metne göre yerleştirme
list-style-position özelliği, işaretçilerin konumunu kontrol etmek için kullanılır. İki anlamı vardır: dış - madde işaretleri metin bloğunun dışına yerleştirilir (bu varsayılandır) ve iç - madde işaretleri metin bloğunun parçasıdır ve liste öğesinde görüntülenir (örnek 5).
Örnek 5. İşaretçilerin konumunu değiştirin
Listeler - Çalışmaya başlamadan önce, 3BM kitine dahil olan ekipmanın mevcut olup olmadığını kontrol edin.
- Bir veya daha fazlasının yokluğunda çevre birimleri derhal VC'nin teknik ekibiyle iletişime geçmelisiniz.
- Çalışma alanınızı görsel olarak inceledikten sonra, 3BM'yi dikkatlice çalıştırabilirsiniz.
Bu örneğin sonucu Şekil l'de gösterilmiştir. 6.
Madde işaretli bir liste, her liste öğesinden önce genellikle içi dolu bir daire olan küçük bir işaretçi eklenerek tanımlanır. Listenin kendisi bir kap kullanılarak oluşturulur
- ve her liste öğesi etiketiyle başlar
- Aşağıda gösterildiği gibi.
- İlk nokta
- ikinci nokta
- Üçüncü paragraf
Liste bir kapanış etiketi içermelidir.
gerekli olmasa da, listenin öğelerini net bir şekilde ayırmak için her zaman eklemenizi öneririz.
- Çeburaşka
- Timsah Genası
- Şapoklyak
- Sıçan Larisa
- Birinci
- Saniye
- Üçüncü
- Birinci
- Saniye
- Üçüncü
- Birinci
- Saniye
- Üçüncü
- dini inanç değişikliği (seçim için: Budizm, Konfüçyüsçülük, Hinduizm). Özel teklif- Musevilik ve İslam birlikte;
- sevilen tarafın yanılmazlığına olan inancın değişmesi;
- uzaylıların var olduğu inancı;
- türünün en iyisi olarak bir siyasi sistem tercihi (seçim için: feodalizm, sosyalizm, komünizm, kapitalizm).
Şekil 1, madde işaretli listenin yukarıdaki özelliklerini gösteren örneğin sonucunu göstermektedir.
Pirinç. 1. Madde işaretli listenin görünümü
İşaretçi türü
İşaretçiler üç biçimden birini alabilir: dolu daire (varsayılan), boş daire ve kare. İşaretçi türünü seçmek için list-style-type özelliğini veya genel list-style özelliğini kullanın (örnek 1). Aşağıdaki değerler geçerlidir:
Örnek 1 - İşaretçinin görünümünü değiştirin
Listeler Örnek, madde işareti simgesi olarak küçük, düz renkli bir kare kullanan madde işaretli bir listenin nasıl oluşturulacağını gösterir. Değer sayısı üç ile sınırlı olsa da bu, elimizde yalnızca üç tür işaretleyici olduğu anlamına gelmez. Başarıyla bir işaretçi simgesi olarak işlev görebilen birçok özel karakter vardır. Onları doğrudan "vidalayın"
Örnek 11-1, bir web sayfasına madde işaretli liste eklemek için kullanılan HTML kodudur.
Örnek 11.1. Madde işaretli bir liste oluşturun
maddeli liste
Bu örneğin sonucu Şekil l'de gösterilmiştir. 11.1.
Pirinç. 11.1. Madde işaretli liste görünümü
Listenin üstündeki, altındaki ve solundaki dolguya dikkat edin. Bu tür girintiler otomatik olarak eklenir.
İşaretçiler üç biçimden birini alabilir: daire (varsayılan), daire ve kare. Etiketin type niteliği, işaretçi stilini seçmek için kullanılır.
- . İzin verilen değerler tabloda verilmiştir. 11.1
Sekme 11.1. Madde İşareti Stillerini Listeleme
Liste türü HTML Kodu Örnek Daire şeklinde madde işaretleri içeren liste
Daire şeklinde madde işaretleri içeren liste
Kare madde işaretli liste
İşaretçilerin görünümü, yazı tipini ve metin boyutunu değiştirirken olduğu gibi, farklı tarayıcılarda da biraz değişebilir.
Kare işaretçilerle bir liste oluşturma Örnek 11.2'de gösterilmiştir.
Örnek 11.2. İşaretçi türü
maddeli liste Değişen İnançlar
Bu örneğin sonucu Şekil l'de gösterilmiştir. 11.2.
Aşağıda, kodun kısaltılmış sürümleri ve bir durumda veya başka bir durumda olabilen numaralandırma türü verilmiştir.
Liste görünümü:
Liste görünümü:
Latin alfabesinin küçük harfleriyle numaralandırma:
Liste görünümü:
Liste görünümü:
Liste görünümü:
HTML'deki tanımların listesi.
Tanım listeleri, özel bir liste türüdür. Listenin her öğesinin, anlamını açıklayan bir terim ve metin olmak üzere iki öğeden oluşması bakımından farklılık gösterirler. Bu listeler etiketler kullanılarak oluşturulur.
Disk değeri varsayılan olarak kullanılır.
Daire işaretçileriyle madde işaretli bir liste oluşturmaya bir örnek:
Sonuç olarak, liste aşağıdaki formu alacaktır:
Kare işaretçilerle madde işaretli bir liste oluşturma:
Liste şöyle görünecek:
type niteliği, bir etiketten daha fazlasına uygulanabilir
- , aynı zamanda etikete
- . Aynı zamanda, listenin her öğesinin karşısına bir işaretçi eklenir, varsayılan olarak daire şeklinde bir işaretleyicidir. Etiketlerin yardımıyla, içinde liste öğelerinin bulunduğu bir kap oluşturulur: .