HTML'de uygulanan liste türlerinden biri madde işaretli listedir. Aksi takdirde, bu tür listeler sırasız veya sırasız olarak adlandırılır. Soyadı genellikle ilgili etiket adının resmi bir çevirisi olarak kullanılır.
- , HTML belgelerinde bu tür listelerin hangilerinin yardımıyla düzenlenir (UL - Sırasız Liste, sırasız liste).
- (LI - Liste Öğesi, liste öğesi). Etiket
- varlığı prensipte yasak olmamasına rağmen, karşılık gelen bir kapanış etiketine ihtiyaç duymaz. Tarayıcılar, bir belgeyi görüntülerken genellikle her yeni liste öğesini yeni bir satırda başlatır.
Yukarıdaki bilgiler, temel madde işaretli bir liste oluşturmak için yeterlidir. Burada, tarayıcı oluşturması Şekil 1'de gösterilen madde işaretli bir liste kullanan bir HTML belgesi örneği verilmiştir. 2.1.
Madde İşaretli Liste Örneği Burç simgeleri:
- Koç burcu
- Boğa burcu
- ikizler
- Başak
- ölçekler
- Akrep
- yay Burcu
- Oğlak
- Kova
- Balık
Pirinç. 2.1. Madde işaretli listenin tarayıcı görüntüsü
etiketiyle işaretlenmiş liste öğelerine ek olarak
- , diğer HTML öğeleri mevcut olabilir. Yukarıdaki örnekte, bu öğelerden biri, bir liste öğesi olmayan, ancak başlığın rolünü oynayan düz metindir.
Not
HTML dilindeki bazı ders kitaplarında listenin başlığını belirlemek için kapsayıcı etiketinin kullanılması gerektiğine dair bir gösterge vardır.
(LH - Liste Başlığı, liste Başlığı). Bu etiket şu anda yaygın tarayıcıların hiçbiri tarafından tanınmamaktadır ve HTML spesifikasyonunun bir parçası değildir. Böylece herhangi bir hataya yol açmasa da kullanımı anlamsız hale gelir. etikette
- iki parametre belirtilebilir: KOMPAKT ve TİP.
- .
Kayıt örneği:
- .
Not
Tarayıcılar, tek bir liste öğesi için işaretçi tipinin göstergesini farklı şekilde yorumlar. Netscape tarayıcısı, bunun ve sonraki tüm olanlar için işaretçinin görünümünü, işaretçinin görünümünün bir sonraki yeniden tanımlanmasıyla karşılaşılıncaya kadar değiştirir. Internet Explorer yalnızca bu öğe için işaretçinin görünümünü değiştirir.
Grafik işaretleyicileri listele
Çekici, güzel tasarlanmış HTML belgeleri oluşturmak için yaygın olarak kullanılan liste işaretleri olarak grafik görüntüleri kullanabilirsiniz. Aslında bu olanak doğrudan HTML dili tarafından sağlanmaz, biraz yapay olarak uygulanır. Bu, tavsiye edilmediği veya ayıplanmadığı anlamına gelmez, sadece burada özel HTML dil yapıları kullanılmayacaktır.
Bu fikri anlamak için, HTML sayfalarında listelerin nasıl uygulandığını anlamanız gerekir. Görünüşe göre liste etiketi
- (ayrıca aşağıda tartışılan diğer türlerin liste etiketlerinin yanı sıra) tek görevi gerçekleştirir - tarayıcıya, bu etiketten sonra bulunan tüm bilgilerin bir miktar sağa kayma (girinti) ile görüntülenmesi gerektiğini belirtir. etiketler
- Tek tek liste öğelerine işaret etmek, standart liste öğesi işaretçileri sağlar.
Grafik işaretleyicilerle bir liste oluşturmamız gerekiyorsa, etiketler olmadan da yapabiliriz.
- . Listenin her bir elemanından önce istenen grafik görüntüsünü eklemek yeterli olacaktır. Bu durumda çözülmesi gereken tek iş, listenin öğelerini birbirinden ayırmaktır. Bunun için paragraf etiketlerini kullanabilirsiniz.
Veya zorla satır besleme
. Ekranı Şekil l'de gösterilen grafik işaretli bir listenin uygulanmasına bir örnek. 2.2 aşağıda gösterilmiştir:sadece bir kez iletilecektir. Küçük bir resim içeren bir dosyanın boyutu da son derece küçüktür.
Not
Grafik işaretleyicilerle liste oluşturma yöntemleri Bölüm 8'de sırasıyla tartışılmaktadır.
Html biçimlendirme dilinde 3 tür liste vardır - sıralı (numaralı), sırasız (numarasız) ve tanım listeleri.
Böyle bir liste oluşturmak için 2 tip eleman gereklidir: 'ul' (sırasız listenin kısaltması, yani sırasız liste) ve 'li' (liste elemanı). 'li' içinde yazılan her şey bir işaretleyici ile işaretlenmiştir.
Böyle bir listenin görünümü, işaretleyici türleri ayarlanarak kontrol edilebilir.
işaretleyici türleri
Listenin her iki elemanına da yerleştirilmiş özel bir tür niteliği vardır. Bu senin işaretleyici tipin. Toplamda 3 tip vardır: daire, disk ve kare:
- - Meydan
- ilk eleman
- ikinci eleman
- son eleman
- Pazarlama Bölümü
- Bu departman mal ve hizmetlerin tanıtımı ile uğraşmaktadır.
- Finans departmanı
- Bu departman tüm finansal işlemleri yürütür.
- GÜNÜN HABERLERİ
-
- bugün yağmur
- Bütün gün yağmur yağacak
- GECE HABERLERİ
- gece yağmur yağacak
- Yarın yeni bir gün başlıyor
- Okunabilir bir görünüm vermek için bilgi parçalarını tek bir yapıda birleştirmek.
- Karmaşık adım adım süreçlerin açıklaması.
- Bilgilerin, paragrafları belgenin ilgili bölümlerine işaret eden bir içindekiler tarzında düzenlenmesi.
- (LI - Liste Öğesi, liste öğesi). Etiket
- varlığı prensipte yasak olmamasına rağmen, uygun bir kapanış etiketine ihtiyaç duymaz. Tarayıcılar, bir belgeyi görüntülerken genellikle her yeni liste öğesini yeni bir satırda başlatır.
Yukarıdaki bilgiler, temel madde işaretli bir liste oluşturmak için yeterlidir. Burada, tarayıcı oluşturması Şekil 1'de gösterilen madde işaretli bir liste kullanan bir HTML belgesi örneği verilmiştir. 2.1.
Madde İşaretli Liste Örneği - Koç burcu
- Boğa burcu
- ikizler
- Kerevit
- bir aslan
- Başak
- ölçekler
- Akrep
- yay Burcu
- Oğlak
- Kova
- Balık
Burç simgeleri:
Pirinç. 2.1. Madde işaretli listenin tarayıcı görüntüsü
etiketiyle işaretlenmiş liste öğelerine ek olarak
- , diğer HTML öğeleri mevcut olabilir. Yukarıdaki örnekte, bu öğelerden biri, bir liste öğesi olmayan, ancak başlığın rolünü oynayan düz metindir.
Not
HTML dilindeki bazı ders kitaplarında, listenin başlığını ayarlamak için kapsayıcı etiketinin kullanılması gerektiğine dair bir gösterge vardır.
(LH - Liste Başlığı, liste Başlığı). Bu etiket şu anda yaygın tarayıcıların hiçbiri tarafından tanınmamaktadır ve HTML spesifikasyonunun bir parçası değildir. Böylece herhangi bir hataya yol açmasa da kullanımı anlamsız hale gelir. etikette
- iki parametre belirtilebilir: KOMPAKT ve TİP.
- .
Kayıt örneği:
-
.
Not
Tarayıcılar, tek bir liste öğesi için işaretçi tipinin göstergesini farklı şekilde yorumlar. Netscape tarayıcısı, bunun ve sonraki tüm olanlar için işaretçinin görünümünü, işaretçinin görünümünün bir sonraki yeniden tanımlanmasıyla karşılaşılıncaya kadar değiştirir. Internet Explorer yalnızca bu öğe için işaretçinin görünümünü değiştirir.
Grafik işaretleyicileri listele
Çekici, güzel tasarlanmış HTML belgeleri oluşturmak için yaygın olarak kullanılan liste işaretleri olarak grafik görüntüleri kullanabilirsiniz. Aslında bu olanak doğrudan HTML dili tarafından sağlanmaz, biraz yapay olarak uygulanır. Bu, tavsiye edilmediği veya ayıplanmadığı anlamına gelmez, sadece burada özel HTML dil yapıları kullanılmayacaktır.
Bu fikri anlamak için, HTML sayfalarında listelerin nasıl uygulandığını anlamanız gerekir. Görünüşe göre liste etiketi
- (ayrıca aşağıda tartışılan diğer türlerin liste etiketlerinin yanı sıra) tek görevi gerçekleştirir - tarayıcıya, bu etiketten sonra bulunan tüm bilgilerin bir miktar sağa kayma (girinti) ile görüntülenmesi gerektiğini belirtir. etiketler
- Tek tek liste öğelerine işaret etmek, standart liste öğesi işaretçileri sağlar.
Grafik işaretleyicilerle bir liste oluşturmamız gerekiyorsa, etiketler olmadan da yapabiliriz.
- . Listenin her bir elemanından önce istenen grafik görüntüsünü eklemek yeterli olacaktır. Bu durumda çözülmesi gereken tek iş, listenin öğelerini birbirinden ayırmaktır. Bunun için paragraf etiketlerini kullanabilirsiniz.
Veya zorla satır besleme
. Ekranı Şekil l'de gösterilen grafik işaretli bir listenin uygulanmasına bir örnek. 2.2 aşağıda gösterilmiştir:maddeli liste Burç simgeleri:
Koç burcu
Pirinç. 2.2. Grafik madde işaretleri içeren madde işaretli liste
Verilen örnekte, Green_ball.gif grafik dosyası bir liste öğesi işaretçisi olarak kullanılmıştır. HTML sayfalarında grafik kullanımının iletilen bilgi miktarını önemli ölçüde artırabileceğini unutmayın. Ancak bu durumda bu artış son derece küçüktür. Burada tüm işaretçiler için aynı dosya kullanılır,
sadece bir kez iletilecektir. Küçük bir resim içeren bir dosyanın boyutu da son derece küçüktür.
Not
Grafik işaretleyicilerle liste oluşturma teknikleri, sırasıyla Bölüm 8'de tartışılmaktadır.
numaralı liste
HTML'de uygulanan başka bir liste türü de numaralandırılmış listedir. Aksi takdirde, bu tür listelere sıralı denir. Soyadı genellikle ilgili etiket adının resmi bir çevirisi olarak kullanılır.
- , bu tür listelerin HTML belgelerinde düzenlendiği yardımıyla (OL - Sıralı Liste, sıralı liste).
- .
Numaralandırılmış bir liste kullanan bir HTML belgesi örneği, kimin ekranı tarayıcı resimde gösterilmiştir. 2.3.
Numaralandırılmış liste örneği - Sirius
- kanopus
- Arkturus
- alpha Centauri
- vega
- K apella
- Rigel
- Procyon
- Achernar
- Beta Erboğa
- Vetelgeuse
- Aldebaran
. . .- Mizar
. . .- kutup
Dünya'dan görülebilen en parlak yıldızlar:
Pirinç. 2.Z. numaralı liste
etikette
- aşağıdaki parametreler belirtilebilir: KOMPAKT, TİP ve BAŞLAT.
- .
Kayıt örneği:
- .
Etiket START parametresi
- listeyi birden değil numaralandırmaya başlamanızı sağlar. BAŞLAT parametresinin değeri, liste numaralandırma türünden bağımsız olarak her zaman doğal bir sayı olmalıdır. İşte bir örnek:
- numaralandırılmış listeler için TYPE ve VALUE parametrelerinin kullanımına izin verir. TYPE parametresi, etiketle aynı değerleri alabilir.
- .
- .
Not
Tarayıcılar, tek bir liste öğesi için numaralandırma türünün göstergesini farklı şekillerde yorumlar. Netscape tarayıcısı, bir sonraki geçersiz kılma ile karşılaşılıncaya kadar bu öğenin ve sonraki tüm öğelerin numaralandırmasını değiştirir. Internet Explorer yalnızca bu öğenin sayı görünümünü değiştirir.
Wetiketin VALUE parametresinin değeri
- - listenin verilen öğesinin numarasını değiştirmenize olanak tanır. Bu, sonraki tüm öğelerin numaralandırmasını değiştirir. Tipik bir kullanım, bazı öğelerin atlandığı listeler içindir. Böyle bir listenin bir örneği yukarıda verilmiştir (Şekil 2.3). Enlemlerimizde açıkça görülebilen 58 ve 75 yerde yıldızların bulunduğu en parlak yıldızların sıralı bir listesini verir (Mizar, Büyükayı takımyıldızındaki en parlak yıldız ve Kuzey Yıldızı Küçükayı'dır).
İşte çeşitli türlerde numaralandırma kullanımının başka bir orijinal örneği. Aşağıdaki HTML kodu, farklı numaralandırmaya sahip üç liste tanımlar. Görüntüleme kolaylığı için, listelerin her biri tablonun ayrı bir hücresine yerleştirilir. Her üç liste de aynıdır ve yalnızca numaralandırma türünde farklılık gösterir: tablonun ilk sütununda - Arap rakamları, ikinci - Roma ve üçüncüsü Latin harfleriyle numaralandırma. Listenin öğelerinin boş olduğuna dikkat edin, yani herhangi bir etiketten sonra
- Veri yok. Bu tür bir örnek, Arap ve Romen rakamları arasında bir yazışma tablosu olarak kullanılabilir. Sağlanan HTML kodunu yazdığınız sürece, listeleri destekleyen herhangi bir tarayıcının böyle bir tablo oluşturmak için kullanılabileceği ortaya çıktı (Şekil 2-4). Romen rakamlarıyla numaralandırma 3999 değerine kadar doğru çalışmaktadır. Sağdaki sütunu inceleyerek Latin harfleriyle numaralandırmanın nasıl yapıldığını anlayabilirsiniz. Tek harfli numaralandırmanın (A'dan Z'ye) tükenmesinden sonra, ilk iki harfli sayı - AA vb. sonraki sayı olarak alınır.
Listelerde farklı numaralandırma türleri kullanma -
. . .
-
. . .
-
. . .
Pirinç. 2.4. Farklı HTML Liste Numaralandırma Türleri
Tanımların listesi
Terim tanım sözlükleri olarak da adlandırılan tanım listeleri, özel bir liste türüdür. Diğer liste türlerinden farklı olarak, bir tanım listesinin her bir öğesi her zaman iki bölümden oluşur. Liste elemanının ilk kısmı tanımlanan terimi içerir ve ikinci kısım, terimin anlamını ortaya çıkaran bir sözlük girişi şeklinde metni içerir.
Tanım listeleri, kapsayıcı etiketi kullanılarak belirtilir
- (Tanım Listesi). Kapsayıcı etiketinin içinde
- (Tanım Terimi) tanımlanan terim işaretlenir ve etiket
- (Tanım Açıklama) - tanımı ile bir paragraf. Etiketler için
- ve
- uygun bitiş etiketlerini atlayabilirsiniz.
Genel olarak, tanımların listesi aşağıdaki gibi yazılır:
- Terim
- Terimin tanımı
Etiketten sonraki metinde
- paragraf etiketleri gibi blok düzeyindeki öğeler kullanılamaz
veya manşetler
-
. Genel bir kural olarak, tanımlanan terimin metni tek satırda olmalıdır. Terim tanımını içeren metin, terim tanımından sonraki satırdan (veya bazı tarayıcılarda satır satır) başlayarak sağa girintili olarak görüntülenir. Etiketten sonra verilen bilgilerde
- , blok düzeyinde öğeler yerleştirilebilir. Özellikle, tanım listelerinin iç içe yerleştirilebileceği izler.
etikette
- amacı yukarıda açıklanan diğer listelere benzer olan COMPACT parametresi belirtilebilir.
- balgamlı kişi
- Pasif, çok güçlü, uyum sağlamada yavaş;
ruh hali sabittir, dış etkilere çok az duyarlıdır;
duygusal tepkilerin uyuşukluğu ve istemli aktivitede yavaşlık
- iyimser
- Aktif, enerjik, uyumlu, -
duygusal tepkilerin canlılığı ve hareketliliği, istemli tezahürlerin hızı ve gücü
- choleric
- Aktif, çok enerjik, kalıcı;
dürtüsellik ve duygusal tepkilerin gücü, şiddetli istemli tezahürler
- melankolik
- Pasif, yorulması kolay, uyum sağlaması zor -
istemli tezahürlerin zayıflığı ve depresif ruh halinin baskınlığı, kendinden şüphe duyma - zempa
- Ay
- harita
- fobiler
- Deimos
- Uranüs
- Ariel
- şemsiye
- Titanya
- Oberon
- Miranda
- Neptün
- Triton
- Nereid
Microsoft Word'de bir liste oluşturmak oldukça basit olabilir, sadece birkaç tıklama yeterlidir. Ayrıca program, yazarken yalnızca madde işaretli veya numaralı bir liste oluşturmanıza değil, aynı zamanda önceden yazılmış metni bir listeye dönüştürmenize de olanak tanır.
Bu yazıda, Word'de nasıl liste yapılacağına daha yakından bakacağız.
Yalnızca madde işaretli liste olarak biçimlendirilmesi gereken metni yazdırmayı planlıyorsanız, şu adımları izleyin:
1. İmleci, listedeki ilk öğenin olması gereken satırın başına konumlandırın.
2. Bir grupta "Paragraf" sekmesinde bulunan "Ev", düğmesine basın "Maddeli liste".
3. Yeni listenin ilk öğesini girin, "GİRMEK".
4. Her birinin sonuna tıklayarak sonraki tüm madde işaretlerini girin. "GİRMEK"(nokta veya noktalı virgülden sonra). Son öğeyi girmeyi bitirdiğinizde, iki kez dokunun. "GİRMEK" veya tıklayın "GİRMEK", ve daha sonra geri almak madde işaretli liste oluşturma modundan çıkmak ve normal yazmaya devam etmek için
Hazır Metni Listeye Dönüştürme
Açıkçası, gelecekteki listenin her bir maddesi ayrı bir satırda olmalıdır. Metniniz henüz satırlara bölünmediyse şunu yapın:
1. İmleci, gelecekteki listede ilk öğe olması gereken kelimenin, tümcenin veya cümlenin sonuna yerleştirin.
2. tıklayın "GİRMEK".
3. Aşağıdaki tüm öğeler için aynı işlemi tekrarlayın.
4. Liste haline gelmesi gereken bir metin parçası seçin.
5. Sekmedeki Hızlı Erişim Araç Çubuğunda "Ev" düğmesine basın "Maddeli liste"(Grup "Paragraf").
- Tavsiye: Oluşturduğunuz madde işaretli listeden sonra metin yoksa, iki kez dokunun "GİRMEK" son paragrafın sonunda veya tuşuna basın "GİRMEK", ve daha sonra geri almak Liste oluşturma modundan çıkmak için Normal yazarak devam edin.
Madde işaretli bir liste yerine numaralı bir liste oluşturmanız gerekiyorsa, düğmesine tıklayın. "Numaralı Liste" grupta yer alır "Paragraf" sekme "Ev".
Liste düzeyini değiştirme
Oluşturulan numaralandırılmış liste sola veya sağa kaydırılabilir, böylece “derinliği” (seviyesi) değiştirilir.
1. Oluşturduğunuz madde işaretli listeyi seçin.
"Maddeli liste".
3. Açılır menüde, öğeyi seçin "Liste düzeyini değiştir".
4. Oluşturduğunuz madde işaretli liste için ayarlamak istediğiniz düzeyi seçin.
Not: Seviye değiştikçe listedeki etiketleme de değişecektir. Madde işaretli listenin stili nasıl değiştirilir (her şeyden önce işaretçilerin türü), aşağıda açıklayacağız.
Tuşlar kullanılarak benzer bir işlem gerçekleştirilebilir ve bu durumda işaretçilerin görünümü değişmeyecektir.
Not: Ekran görüntüsündeki kırmızı ok, madde işaretli liste için başlangıç sekmesi konumunu gösterir.
Seviyesini değiştirmek istediğiniz listeyi seçin, aşağıdakilerden birini yapın:
Not: Bir tuş vuruşu (veya tuşlar) listeyi bir sekme durağında hareket ettirir. "SHIFT+TAB" kombinasyonu yalnızca liste, sayfanın sol kenar boşluğundan en az bir sekme uzaktaysa çalışır.
Çok düzeyli bir liste oluşturun
Gerekirse, çok seviyeli madde işaretli bir liste oluşturabilirsiniz. Bunun nasıl yapılacağı hakkında daha fazla bilgiyi makalemizden öğrenebilirsiniz.
Madde işaretli listenin stilini değiştirme
Her liste öğesinin başında ayarlanan standart işaretleyiciye ek olarak, işaretlemek için MS Word'de bulunan diğer karakterleri kullanabilirsiniz.
1. Stilini değiştirmek istediğiniz madde işaretli listeyi seçin.
2. Düğmenin sağında bulunan oka tıklayın "Maddeli liste".
3. Açılır menüden uygun işaretçi stilini seçin.
4. Listedeki işaretçiler değiştirilecektir.
Herhangi bir nedenle varsayılan olarak mevcut olan işaretçi stillerinden memnun değilseniz, programda bulunan herhangi bir simgeyi veya bir bilgisayardan eklenebilen veya İnternet'ten indirilebilen bir resmi işaretlemek için kullanabilirsiniz.
HTML'de, organizasyonu belirli veri yapılandırma kurallarına uyması gereken listeleri düzenlemekten bir dizi etiket sorumludur.
Html'nin beşinci sürümünün standardı 3 tür listeyi destekler: numaralandırılmış listeler, madde işaretli listeler ve tanım listeleri. Ayrıca, iç içe çok düzeyli listeler oluşturarak listeleri iç içe yerleştirme olanağı sağlar.
numaralı liste
numaralı liste belirli bir sıraya sahip bir dizi öğedir (liste öğeleri). Numaralandırılmış listedeki her öğenin, öğenin listedeki diğer öğelere göre sırasını gösteren benzersiz bir işareti vardır. Varsayılan olarak, numaralandırılmış liste öğesi işaretleri sayılardır. İlk öğe 1 rakamının altına, ikincisi 2 rakamının altına vb.
Numaralandırılmış listelerin en yaygın örnekleri, çeşitli yemekleri pişirmek için kullanılan tariflerdir. Herhangi bir tarif, açık bir eylem dizisine sahip numaralı bir liste olduğundan.
HTML'de numaralı listeler oluşturmak için etiketi kullanın.
- , içinde veri içeren liste öğelerinin bulunduğu. Her liste öğesi bir etiketle tanımlanır.
- :
Numaralandırılmış liste:
- Kahve
- Çay
- Süt
Denemek "not: etiket
- etiketleri yalnızca alt öğeler olarak içerebilir
- , yani numaralı listenin tüm içeriği öğelerin içine yerleştirilmelidir.
- . Etiket
- , sırayla, içerik üzerinde herhangi bir kısıtlamaya sahip değildir, böylece içine paragraflar, resimler, bağlantılar, tablolar, diğer listeler vb. yerleştirebilirsiniz.
maddeli liste
maddeli liste- bunlar sırasız, yani sırası önemli olmayan sırasız eleman listeleridir. Madde işaretli listedeki tüm öğeler aynı madde işaretlerine sahiptir, varsayılan olarak küçük siyah daireler olarak görüntülenirler.
HTML etiketi, madde işaretli listeler oluşturmak için kullanılır.
- , içinde listenin öğelerinin bulunduğu (numaralı listelerde olduğu gibi, etiket kullanılır
- , listenin tüm görüntülenen içeriğini içerir):
Maddeli liste:
- Kahve
- Çay
- Süt
Denemek "İşaretleyici türleri
Numaralandırılmış bir listedeki madde işaretleri türleri, type özniteliği kullanılarak değiştirilebilir. Bu öznitelik beş tür işaretçiyi destekler:
Madde işaretli listelerin bir tür özelliği yoktur, bu nedenle madde işaretli listelerde madde işaretinin türünü HTML kullanarak değiştiremezsiniz. İşaretçinin türünü değiştirmek için, bu durumda, varsayılan değere ek olarak iki işaret türü daha seçebileceğiniz liste stili tipi CSS özelliğini kullanabilirsiniz: daire veya kare .
Listeler için işaretçileri değiştirme:
Sayfa başlığı type="a" özniteliğine sahip numaralandırılmış liste:
- Elmalar
- Muz
- Limonlar
type="I" özniteliğine sahip numaralandırılmış liste:
- Elmalar
- Muz
- Limonlar
Madde işaretli liste işaretçilerinin türleri:
- Elmalar
- Muz
- Limonlar
- Elmalar
- Muz
- Limonlar
Denemek "Liste stili türü CSS özelliği, madde işaretli listeler için madde işareti türlerine ek olarak, numaralı listeler için birçok farklı madde işareti türüne sahiptir. Ancak, listeyi güzel bir şekilde tasarlamak için her zaman bir standart işaretleyici türünü diğerine değiştirmemek yeterlidir. Listeleri tasarlamak için, yalnızca işaretçinin görünümünü değiştirmenize değil, aynı zamanda işaretçileri görüntülerle değiştirmenize, konumlarını kontrol etmenize ve girintiyi kontrol etmenize izin veren CSS'yi kullanmak daha iyidir. Tüm bunları nasıl yapacağınızı görebilirsiniz.
yatay liste
Yatay bir menü oluşturmak için bir HTML listesi kullanıyorsanız, liste öğelerini aynı satırda yan yana düzenlemeniz gerekecektir. Bunu HTML ile yapamazsınız, bu yüzden CSS kullanmanız gerekecek.
Yatay bir liste oluşturmak için, kullanacağınız diğer özelliklere bağlı olarak liste öğelerinin CSS görüntüleme özelliğini satır içi veya satır içi blok olarak ayarlamanız gerekir.
Sayfa başlığı numaralı liste
- Elmalar
- Muz
- Limonlar
Maddeli liste:
- Elmalar
- Muz
- Limonlar
Denemek "Bundan sonra, listedeki tüm öğeler tek bir satırda sıralanacaktır. Lütfen, madde işaretlerinin liste öğelerinden kaybolacağını ve aralarında boşluk bile olmayacağını, ancak listenin solundaki girintinin kalacağını unutmayın.
Yatay bir listeyi yatay bir menüye nasıl çevireceğinizi görebilirsiniz.
- , listenin tüm görüntülenen içeriğini içerir):
Burada bir tanım listesi kullanan bir HTML belgesi örneği verilmiştir:
Tanım listesi örneği Tipik insan mizaçlarının sınıflandırılması,
kurulmuşHipokrat'ın görüşleri üzerine
Verilen HTML belgesinin tarayıcıdaki görüntüsü Şekil 2'de gösterilmektedir. 2.5.
Pirinç. 2.5. Tanım listesi (bir sözlükteki bir grup girdiye benzer)
Tip Listeleri
ve - .
Başlangıçta, bu tür listeler, geleneksel madde işaretli listelerden daha kompakt olarak tasarlandı. Bu listelerin öğelerini yazma kurallarına göre, blok öğelerini kullanmalarına izin verilmedi, bu da bu tür listelerin iç içe yerleştirilmesinin imkansız olduğu anlamına gelir. Listenin her öğesi bir metin satırıydı.
gibi listeler için
liste öğesinin metninin uzunluğuna (24 karakter) bir sınır getirilmesi planlandı. Böyle bir kısıtlama izin verir tür listeleri
/W anahtarı kullanılırken (birkaç sütunda) UNIX ve MS-DOS işletim sistemlerindeki dizinlerin listelenmesine benzer bir biçimde. Ayrıca, bu türdeki liste öğeleri için madde işaretleri görüntülenmiyordu. Şu anda, bu tür listelerin daha fazla kullanılması önerilmediğinden, tüm bu fikirler uygulanmamıştır. Tarayıcıların modern sürümleri, bu türlerin listelerini, bu türlerin listeleriyle tamamen aynı şekilde oluşturur.
- .
İç İçe Listeler
Aynı türden bir listenin tamamını veya bir tür liste öğesini bir tür liste öğesine eklemek istediğiniz zamanlar vardır. Bu, çok seviyeli veya iç içe listeler düzenleyecektir. HTML, farklı türdeki listelerin keyfi olarak iç içe geçmesine izin verir, ancak bunları düzenlerken dikkatli olunmalıdır.
Aşağıda, görüntüsü Şekil 2'de gösterilen iç içe listeler içeren belgenin HTML kodu bulunmaktadır. 2.6. Bu örnekte, madde işaretli listenin her bir öğesinin kendi numaralandırılmış listesi vardır.
İç içe liste örneği Bazı gezegenlerin uyduları
- , blok düzeyinde öğeler yerleştirilebilir. Özellikle, tanım listelerinin iç içe yerleştirilebileceği izler.
-
P kayıt örneği:
- .
- .
Böyle bir notasyon, listenin büyük Latince "E" harfinden numaralandırılmasını belirler. Diğer numaralandırma türleri için, BAŞLAT=5 girişi numaralandırmayı sırasıyla "5" sayısından, Roma rakamından "V" vb.
Listenin numaralandırma türü ve sayıların değerleri de listenin herhangi bir elemanı için değiştirilebilmektedir. Etiket
- numaralandırılmış listeler için TYPE ve VALUE parametrelerinin kullanımına izin verir. TYPE parametresi, etiketle aynı değerleri alabilir.
COMPACT parametresi, madde işaretli listelerle aynı anlama sahiptir. TYPE parametresi, listenin nasıl numaralandırılacağını belirtmek için kullanılır. Aşağıdaki değerleri alabilir:
TYPE = A - işaretleri büyük Latin harfleri biçiminde ayarlar;
TYPE = a - işaretleri küçük Latin harfleri biçiminde ayarlar;
TYPE = I - büyük Romen rakamları biçiminde işaretleri ayarlar;
TYPE = i - işaretleri küçük Romen rakamları biçiminde ayarlar;
TİP = 1 - işaretleri Arap rakamları biçiminde ayarlar.
Varsayılan olarak, TYPE = 1 değeri her zaman kullanılır, yani Arap rakamları kullanılarak numaralandırma. Bu aynı zamanda iç içe sıralı listeler için de geçerlidir. Burada, madde işaretli listelerin aksine, tarayıcılar varsayılan olarak farklı iç içe liste düzeylerinde farklı numaralandırma yapmazlar. Liste elemanının numarasından sonra "nokta" işaretinin her zaman ek olarak görüntülendiğini unutmayın.
Aynı değerlere sahip TYPE parametresi, listenin tek tek öğelerinin nasıl numaralandırılması gerektiğini belirtmek için kullanılabilir. Bunu yapmak için, liste öğesi etiketinde karşılık gelen değere sahip TYPE parametresinin belirtilmesine izin verilir.
Bu tür listeler genellikle tek tek öğelerin sıralı bir dizisidir. Madde işaretli listelerden farkı, numaralandırılmış bir listede her öğenin önüne otomatik olarak bir seri numarası gelmesidir. Numaralandırma türü tarayıcıya bağlıdır ve liste etiketlerinin parametreleriyle ayarlanabilir. Aksi takdirde, numaralı listelerin uygulanması, madde işaretli listelerin uygulanmasına çok benzer.
Etiketler
- ve
Numaralandırılmış bir liste oluşturmak için, listenin tüm öğelerinin içinde bulunduğu bir kapsayıcı etiketi kullanmalısınız. Liste başlangıç ve bitiş etiketleri, listeden önce ve sonra bir satır sonu sağlar, böylece listeyi belgenin ana içeriğinden ayırır.
Madde işaretli listede olduğu gibi, madde işaretli listedeki her öğe etiketle başlamalıdır.
- Tek tek liste öğelerine işaret etmek, standart liste öğesi işaretçileri sağlar.
COMPACT parametresi bir değer olmadan yazılır ve tarayıcıya verilen listenin kompakt bir biçimde görüntülenmesi gerektiğini belirtmek için kullanılır. Örneğin, bir listenin satırları arasındaki yazı tipi veya boşluk azaltılabilir, vb.
Not
Şu anda, etikette COMPACT parametresinin varlığı
- önde gelen tarayıcılar tarafından listelerin görüntülenmesini etkilemez. Bu nedenle, özellikle HTML 4.0 spesifikasyonu tarafından kullanımı önerilmediğinden, bu parametrenin kullanımı anlamsızdır.
TYPE parametresi şu değerleri alabilir: disk, daire ve kare. Bu parametre, liste işaretçilerinin görünümünü zorlamak için kullanılır. İşaretçinin tam görünümü, kullandığınız tarayıcıya bağlı olacaktır. Tipik görüntüleme seçenekleri aşağıdaki gibidir:
TYPE = disk - işaretler içi dolu daireler olarak görüntülenir; TYPE = daire - işaretçiler doldurulmamış daireler olarak görüntülenir; TYPE = kare - işaretçiler doldurulmuş kareler olarak görüntülenir. Kayıt örneği:
-
.
Varsayılan değer TYPE = disk'tir. İç içe madde işaretli listeler için varsayılan değer, birinci düzeyde disk, ikinci düzeyde daire ve üçüncü düzeyde kare şeklindedir. Netscape ve Internet Explorer tarayıcılarının en son sürümlerinde yapılan tam olarak budur. Diğer tarayıcıların işaretçileri farklı görüntüleyebileceğini unutmayın. Örneğin, HTML 4.0 belirtiminde, TYPE = square belirtildiğinde görüntülenen işaretleyici türü, bir kare anahat olarak belirtilir.
Aynı değerlere sahip TYPE parametresi, tek tek liste öğeleri için işaretçilerin türünü belirtmek için kullanılabilir. Bunu yapmak için, liste öğesi etiketinde karşılık gelen değere sahip TYPE parametresinin belirtilmesine izin verilir.
- .
- - disk
- - çevre
İşaretçi türünü belirttiğiniz yere bağlı olarak, bunu tüm liste veya belirli bir öğe için değiştirebilirsiniz.
Numaralandırılmış liste (sıralı liste)
Bir liste oluşturmak için ayrıca 2 öğeye ihtiyacınız vardır: 'ol' ve 'li' (liste öğesi). İşaretçiler noktalı sayılarla değiştirilir. Basit liste örneği:
Farklı numaralandırma türleri belirleyerek sıralı bir listenin görünümünü kontrol edebilirsiniz.
Numaralandırma türleri
'ol' veya 'li' öğesine yerleştirilen özel bir tür özelliği vardır. Bu sizin liste türünüz. Toplam 5 tip:
- - Arap rakamlarıyla numaralandırma (1, 2, 3)
- - Büyük harflerle numaralandırma (A, B, C)
- - Küçük harflerle numaralandırma (a,b,c)
- - Büyük Romen rakamlarıyla numaralandırma (I, II, III)
- - Küçük Romen rakamlarıyla numaralandırma (i, ii, iii)
- - Numaralandırmaya hangi numaradan başlamalı?
Numaralandırma türünü belirttiğiniz yere bağlı olarak, tüm liste veya belirli bir öğe için değiştirebilirsiniz.
tanım listesi
Sözlük girişleri için tanım listesi geliştirilmiştir.
Ortak bir kapsayıcı 'dl' vardır. İçinde 'dt' (tanım termin - terim) ve 'dd' (tanım açıklama - açıklama) bulunur. En basit örnek:
Tüm listelerin tüm öğeleri blok öğelerdir. Ancak 'dt' öğesinin içine yalnızca satır içi öğeler koyabilirsiniz. 'dd' ve 'li' öğelerine herhangi bir şey koyabilirsiniz. İç içe listeler buradan gelir.
İç içe (karma listeler)
Bunlar, içinde bir hiyerarşi bulunan çok düzeyli listelerdir. Genellikle bu tür listeler, bir site haritası oluştururken kullanılır. Örnek:
- karışık liste
HTML dili, bilgileri listeler halinde sunmak için özel bir etiket seti sağlar. Listeler, hem elektronik hem de basılı belgelerde en yaygın kullanılan veri sunum biçimlerinden biridir. İster mağazada yapmamız gerekenlerin bir listesi olsun, ister sınıftaki öğrencilerin listesi olsun, ister sadece yapılacaklar olsun, neredeyse her gün listeler görüyoruz. Liste yapılarını düzenleme yeteneği birçok metin düzenleyicide mevcuttur, özellikle güçlü kelime işlemci Microsoft Word, çeşitli türlerdeki listeleri biçimlendirmek için uygun araçlara sahiptir (Microsoft Word kullanarak HTML listeleri oluşturma olanakları Bölüm 8'de tartışılmaktadır). Listeleri kullanmanın oldukça uygun olduğu birkaç durum:
Yukarıdaki öğelerin yalnızca bir liste yapısı biçiminde düzenlendiğine dikkat edin.
HTML şu ana liste türlerini sağlar: madde işaretli, numaralandırılmış ve tanımlı liste. Aşağıdaki etiketler, çeşitli türlerdeki listeleri uygulamak için kullanılır:
- ,
- ,
- ,
, - , HTML belgelerinde bu tür listelerin hangilerinin yardımıyla düzenlenir (UL - Sırasız Liste, sırasız liste).
Madde işaretli bir listede, öğelerini vurgulamak için, liste işaretleri (genellikle madde işareti olarak adlandırılır, İngilizce terim madde işaretinin resmi sesi olan) adı verilen özel karakterler kullanılır. Liste işaretçilerinin görünümü tarayıcı tarafından belirlenir ve iç içe listeler oluştururken, tarayıcılar farklı iç içe yerleştirme seviyelerindeki işaretçilerin görünümünü otomatik olarak çeşitlendirir.
Etiketler
- ve<LI >
Madde işaretli bir liste oluşturmak için, içinde listenin tüm öğelerinin bulunduğu bir etiket kabı kullanmalısınız. Açılış ve kapanış listesi etiketleri, listeden önce ve sonra bir satır sonu sağlar, böylece listeyi belgenin ana içeriğinden ayırır, bu nedenle burada paragraf etiketlerini kullanmaya gerek yoktur.
.Her liste öğesi bir etiketle başlamalıdır
- Tek tek liste öğelerine işaret etmek, standart liste öğesi işaretçileri sağlar.
COMPACT parametresi bir değer olmadan yazılır ve tarayıcıya verilen listenin kompakt bir biçimde görüntülenmesi gerektiğini belirtmek için kullanılır. Örneğin, bir listenin satırları arasındaki yazı tipi veya boşluk azaltılabilir, vb.
Not
Şu anda, etikette COMPACT parametresinin varlığı
- önde gelen tarayıcılar tarafından listelerin görüntülenmesini etkilemez. Bu nedenle, özellikle HTML 4.0 spesifikasyonu tarafından kullanımı önerilmediğinden, bu parametrenin kullanımı anlamsızdır.
TYPE parametresi şu değerleri alabilir: disk, daire ve kare. Bu parametre, liste işaretçilerinin görünümünü zorlamak için kullanılır. İşaretçinin tam görünümü, kullandığınız tarayıcıya bağlı olacaktır. Tipik görüntüleme seçenekleri aşağıdaki gibidir:
TYPE = disk - işaretler içi dolu daireler olarak görüntülenir; TYPE = daire - işaretçiler doldurulmamış daireler olarak görüntülenir; TYPE = kare - işaretçiler doldurulmuş kareler olarak görüntülenir. Kayıt örneği:
- .
Varsayılan değer TYPE = disk'tir. İç içe madde işaretli listeler için varsayılan değer, birinci düzeyde disk, ikinci düzeyde daire ve üçüncü düzeyde kare şeklindedir. Netscape ve Internet Explorer tarayıcılarının en son sürümlerinde yapılan tam olarak budur. Diğer tarayıcıların işaretçileri farklı görüntüleyebileceğini unutmayın. Örneğin, HTML 4.0 belirtiminde, TYPE = square belirtildiğinde görüntülenen işaretleyici türü, bir kare anahat olarak belirtilir.
Aynı değerlere sahip TYPE parametresi, tek tek liste öğeleri için işaretçilerin türünü belirtmek için kullanılabilir. Bunu yapmak için, liste öğesi etiketinde karşılık gelen değere sahip TYPE parametresinin belirtilmesine izin verilir.
- .
Madde işaretli bir listede, öğelerini vurgulamak için, liste işaretleri (genellikle madde işareti olarak adlandırılır, İngilizce terim madde işaretinin resmi sesi olan) adı verilen özel karakterler kullanılır. Liste işaretçilerinin görünümü tarayıcı tarafından belirlenir ve iç içe listeler oluştururken, tarayıcılar farklı iç içe yerleştirme seviyelerindeki işaretçilerin görünümünü otomatik olarak çeşitlendirir.
etiketler ve
Madde işaretli bir liste oluşturmak için, içinde listenin tüm öğelerinin bulunduğu bir kapsayıcı etiketi kullanmanız gerekir. Açılış ve kapanış listesi etiketleri, listeden önce ve sonra bir satır sonu sağlar, böylece listeyi belgenin ana içeriğinden ayırır, bu nedenle burada paragraf etiketlerini kullanmaya gerek yoktur.
.
Her liste öğesi bir etiketle başlamalıdır
Altın Numaralar Güzel bir telefon numarası nasıl satılır
Kripto para madenciliği: basit kelimelerle nedir
En iyi dizüstü bilgisayar işletim sistemi: Eksiksiz inceleme
Sınıf arkadaşlarından müzik indirmek için programlar Sosyal ağ sınıf arkadaşlarından üzücü bir şarkı indirin
Yandex tarayıcısının mobil versiyonu