Ara sıra mümkün olan en iyi şekilde sitede bilgi sunmaktır maddeli liste. Böyle bir liste iyi dikkat çeker, ziyaretçilerin algılaması için uygundur, özlüdür ve öğelerin ilişkisini ortaya çıkarır.
İnternetin uzun, açıklayıcı içerik biçimleri için uygun olmadığı anlaşılmalıdır. Kullanıcılar, büyük metin parçalarını atlamayı ve ilgi alanlarını hızlı bir şekilde belirlemeyi kolaylaştıran taranabilir (gözden geçirme) materyali tercih eder.
Birçok çeşitli metodlar web biçimlendirme, içerik algısını iyileştirir. Metni vurgulayabilirsiniz kalın harflerle, dolgu ve renkleri kullanın, değiştirin satır aralığı, oluştur (madde işaretli listeler) - tüm bu teknikler etkili içerik algısı için iyidir.
Birkaç küçük nokta göze çarpar ve karmaşık ifadeleri anlaşılır kılar. Okuyucular, bültenleri kısa ama çok önemli bilgi parçaları için etiketler olarak algılarlar. Şaşırtıcı olmayan bir şekilde, kullanılabilirlik araştırması yaparken, okuyucuların içeriği olabildiğince çabuk özümsemelerine yardımcı olduklarından, madde işaretli listelere ne kadar güçlü bir şekilde yöneldikleri açıkça ortaya çıkıyor.
İkisini karşılaştırın farklı seçenekler içerik. Muhtemelen ikinci seçenekte sunulan bilgilerin anlaşılmasının daha kolay olduğunu fark edeceksiniz. Bunun nedeni, cümlelerin dikey bir listede sunulması ve her birinin bir satır kaplamasıdır. Buna karşılık, seçenek 1, okuyucuları daha az yapılandırılmış bir metin paragrafında aramaya zorlar.
seçenek 1
SPA paketimiz iki gece konaklama, seçeceğiniz 50 dakikalık iki SPA uygulaması, iki kişilik odaya kahvaltı ve hediye sepeti varışta.
seçenek 2
SPA paketimiz şunları içerir:
- iki gece konaklama;
- seçeceğiniz 50 dakikalık iki SPA uygulaması;
- çift kişilik odada kahvaltı;
- varışta hediye sepeti.
Endişelenmeyin, 2. seçenek daha fazla yer kaplar. Kullanıcılar, almakla haklı olduğu sürece, ek kaydırmadan utanmazlar. ilginç bilgi. Aslında, madde işaretli listelerin doğru kullanımı nedeniyle kolay ve anlaşılması kolay görünen bir açılış sayfası çok şey kazanacaktır. daha fazla ilgi kullanıcıları bir metin duvarı ile karşılayan bir siteden daha iyidir. Madde işaretli bir listenin nasıl düzgün bir şekilde derleneceğine daha yakından bakalım.
1. Tüm liste öğeleri yaklaşık olarak aynı satır uzunluğuna sahip olmalıdır
Madde işaretli bir liste, ilgili öğeleri içerdiğinde daha verimli hale gelir. Ancak, hepsinin ortak bir önem derecesine sahip olması gerekir. Mümkünse, her öğeyi önceden takmaya çalışın. belirli boyut satırları öyle ki hiçbiri diğerinden daha önemli görünmüyor. Bu mükemmeliyetçilik sadece göze hoş gelmekle kalmaz, aynı zamanda listeyi aşırı yüklemez.
düzgün değil
- uyku tulumu;
- şelalelere yürüyüş için mayo;
- güneş kremi;
- yağmurlu günler için su geçirmez ceket. Fırtınalar mümkündür.
Uzunluk farkı, listeyi sırasız ve düzensiz yapar.
Doğru şekilde
Aşağıdaki eşyaları kampa getirin:
- uyku tulumu;
- güneş kremi;
- mayo;
- yağmurluk.
2. Numaralandırılmış listeleri yalnızca öğelerin sırası veya sayısı önemli olduğunda kullanın
Numaralandırılmış listeler, tipik olarak, bir programın çalıştırılacağı sıra gibi, öğelerin belirli bir sırada listelenmesi gerektiğinde kullanılır. Veya puanların sayısı önemli olduğunda, örneğin çeşitli zirvelerde (ilk 10 en iyi teknisyenler vb.).
Eğer sipariş veya Toplamöğelerin önemi yok, listeyi numaralandırmanıza gerek yok. Bu sadece kafa karışıklığı yaratacaktır: Yapılan kullanıcı testlerinde, katılımcılar numaralandırılmış listelere baktıklarında, sadece bir tanesini seçmek zorunda olmalarına rağmen, yanlışlıkla her bir maddeyi tamamlamaları gerektiğini düşündüler.
düzgün değil
1. İletişim Formu sitede
2. Sohbet
3. Telefon görüşmesi
4. Kişisel toplantı
Doğru şekilde
Lütfen aşağıdaki yollardan biriyle bizimle iletişime geçin:
- Sitedeki iletişim formu
- Telefon konuşması
- Kişisel Buluşma
3. Paralel Cümle Yapılarını Kullanın
Liste öğelerinin yazı stili tutarlı olmalıdır. Çok çeşitli ifadeler okuma yazma bilmiyor gibi görünebilir ve okuyucuları yavaşlatabilir (hatta kafasını karıştırabilir).
Aynısı elementlerin yapısı için de geçerlidir. Her biri konuşmanın aynı bölümüyle (isim, fiil vb.) başlamalı ve ya bir parçayı ya da tam bir cümleyi temsil etmelidir.
düzgün değil
- hayvanlar yüksek seslerden korkabilir;
- sarı çizgiler ayakta durabileceğiniz yerleri işaretler;
- Parkı temiz tutmak herkesin görevidir.
Bu örnekte, her paragraf şu kelimelerle başlar: farklı parçalar konuşma.
Doğru şekilde
Lütfen park kurallarına uyun:
- çöpleri sadece bidonlara atın;
- Gürültü yapma;
- sarı çizgileri geçmeyin;
- parkı temiz tut.
İkinci liste daha iyi okunur çünkü her bir ifade, konuşmanın bir bölümündeki kelimelerle başlar. bu durum fiilin emir kipiyle.
4. Cümlelerin başında kelimeleri tekrar etmekten kaçının
Mümkünse, her paragrafa şununla başlamayı deneyin: farklı kelimeler, çünkü o zaman onları birbirinden ayırt etmek daha kolay olacaktır.
düzgün değil
Olgun bir ananas nasıl seçilir:
- kokusuna dikkat edin: hoş olmalı;
- yapısına dikkat edin: ananas güçlü olmalıdır;
- rengine dikkat edin: altın sarısı olmalıdır.
Doğru şekilde
Olgun bir ananas nasıl seçilir:
- kokla: koku hoş olmalı;
- sıkın: ananas güçlü olmalı;
- renge dikkat edin: altın sarısı olmalıdır.
5. Madde işaretli listeden önceki ibare veya cümle anlaşılır olmalı ve içeriğini ortaya çıkarmalıdır.
Giriş sözcükleri (madde imli listeden hemen önceki sözcükler) olarak adlandırılan giriş sözcükleri çok önemlidir çünkü okuyucuya listenin önünde ne olduğunu ve neden bu kadar önemli olduğunu bildirir. Giriş, özellikle her bir öğe yeterince kapsanmışsa, tam bir cümle şeklinde olmak zorunda değildir.
düzgün değil
Britanya Kolombiyası'ndaki Tatiller:
- Doğa yürüyüşü;
- Sanat müzeleri;
- gölde kano.
Giriş (British Columbia'da Tatil) listeyi açıkça tanımlamıyor. Ayrıca, bu liste etkinlikleri listeler, ancak "sanat müzeleri" bir etkinlik değildir.
Doğru şekilde
British Columbia tatiliniz şunları içerir:
- Doğa yürüyüşü;
- Müzeleri ziyaret etmek;
- gölde kano.
6. Liste kurallarına uyun
Madde işaretli listelerin tasarımı için belirli kurallar vardır.
- madde işaretli liste tam cümlelerden oluşuyorsa, her madde büyük harfle başlar ve sonuna nokta konur;
- eğer bir cümlenin parçalarıyla uğraşıyorsanız sonuna nokta koymanıza gerek yok. Büyük harf de kurallara uygun olarak koyulmamıştır, ancak metnin rahatlığını artırmak için yine de koymanız önerilir.
düzgün değil
- zorbalığa uğrayan kişi için ayağa kalkmalısın
- yetişkinlere durumu anlat
- mağdura durumu bir yetişkine anlatmasını tavsiye edin
- ilgilenerek destek sağlamak
Paragraflar ile başlamıyor büyük harfler, ve sonunda nokta yok.
Doğru şekilde
Zorbalığa tanık olduysanız:
- Zorbalığa uğrayan kişi için ayağa kalkmalısın.
- Bu durumu bir yetişkine anlatın.
- Mağdura durumu bir yetişkine anlatmasını tavsiye edin.
- Endişe göstererek destek sağlayın.
düzgün değil
- Geri dönüşüm için kağıt ve plastik eşyalar verin.
- Daha az tek kullanımlık ürün kullanın.
- İhtiyacınız olmayan diğer şeylerle paylaşın.
- Arabanızı bir bisikletle değiştirin.
Bunlar cümle parçalarıdır, bu nedenle noktalama işaretine gerek yoktur.
Doğru şekilde
Çevreyi şu yollarla koruyabilirsiniz:
- Geri dönüşüm için kağıt ve plastik eşyalar verin
- Daha az tek kullanımlık ürün kullanın
- İhtiyacınız olmayan diğer şeylerle paylaşın
- Arabanızı bir bisikletle değiştirin
7. Etkinliğini kaybedebilecekleri için madde işaretli listeleri aşırı kullanmayın.
Diğer birçok tasarım tekniğinde olduğu gibi, madde işaretli listelerin çok fazla kullanılması zararlı olmasa bile ters etki yapabilir. Çok sayıda nokta ve çizgi, bir ziyaretçiyi bir metin duvarından bile daha fazla caydırabilir. Bu nedenle madde işaretli liste formatında nelerin görüntüleneceğini daha dikkatli seçmelisiniz.
Dikey listeler, okuyucunun dikkat etmesini istediğiniz üç veya daha fazla öğeniz olduğunda harikadır. Bir cümle içinde en iyi şekilde üçten az nokta bırakılır.
Bir listenin başka bir listeye dahil edildiği bileşik listelerden kaçının, çünkü bu, tahmin edebileceğiniz gibi, anlaşılmasını zorlaştırıyor. Eğer bileşik listeler gerekliyse, yazı stili açısından birbirlerinden farklı olduklarından emin olun.
Çözüm
Bu en çok Genel öneriler ve her şirket kendi tasarım stilini seçebilir. Kuruluşunuz bir stil kılavuzu izliyorsa, herhangi bir değişiklik yapmaya karar vermeden önce kılavuza bakın. önemli bir yönü doğru hecelemeşirketin tüm belgelerinde ve yazılı kaynaklarında üslup tekdüzeliğidir.
Dikey listeler, her bir liste maddesine dikkat çeker ve anlam verir. Bu yaklaşım, bu tür içeriğin taranması ve anlaşılması daha kolay olduğu için daha etkilidir.
Sizin için yüksek dönüşümler!
Malzemelere dayalı
- 2 oy ile 5 üzerinden 4.5
Çoğu zaman, sitedeki belirli bilgiler listeler şeklinde sunulmalıdır.
Listeler organize etmenize ve organize etmenize izin verir çeşitli bilgiler ve ziyaretçiye uygun bir şekilde sunun.
HTML'deki listeler üç çeşittir: madde işaretli listeler, numaralandırılmış listeler ve tanım listeleri. Bunları sırayla nasıl oluşturacağımızı görelim.
İşaretli liste.
Bu liste türü en yaygın kullanılanıdır. HTML'de madde işaretli liste, etiketler kullanılarak oluşturulur
- . Aynı zamanda, listenin her bir öğesinin karşısına bir işaretleyici eklenir, varsayılan olarak bir daire şeklinde bir işaretleyicidir. Etiketlerin yardımıyla, içinde listenin öğ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 çeşit seçenek
Kullanarak bir HTML sayfası oluşturmayı deneyebilirsiniz. verilen kod ve aşağıdaki listeyle sonuçlanırsınız:
Gördüğünüz gibi, listenin her elemanı ile bulunur Yeni hat, sol, üst ve altta belirli girintiler oluşturulur. Listedeki her öğe, içi dolu bir daire (varsayılan), daire veya kare olabilen bir işaretçiyle başlar. Etiket
- işaretçinin stilinin ayarlandığı bir tür niteliği vardır. Bu özellik aşağıdaki anlamlara sahiptir:
- disk - daire;
- daire - daire;
- kare kare.
- Bunun gibi seçenek
- Bu seçenek
- Bir çeşit seçenek
- Bunun gibi seçenek
- Bu seçenek
- Bir çeşit seçenek
- . Bu şekilde, çeşitli işaretleyicilerle bir liste oluşturabilirsiniz.
- Bunun gibi seçenek
- Bu seçenek
- Bir çeşit seçenek
Sonuç aşağıdaki gibi olacaktır:
Numaralandırılmış listeler.
HTML'deki numaralandırılmış listeler, her bir öğenin bir seri numarası, etiketi kullanılarak numaralı listeler oluşturulur
- ve etiketlerinde yuvalanmış
-
- İlk satır
- İkinci çizgi
- üçüncü satır
Böyle bir liste şöyle görünür:
Varsayılan numaralandırma Arap rakamları. ama etiket
- numaralandırmanın büyük harf (type="A") veya küçük harf (type="a") olarak 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ıyla.
- . Etiket
- liste için bir kap oluşturur, etiket
- terimi ve etiketi ayarlar
- bir terimin tanımı veya tanımı.
kaydedildi bu liste Aşağıdaki şekilde:
- 1. dönem
- 1. terimin tanımı
- 2. dönem
- 2. terimin tanımı
- 3. dönem
- 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 öğesinde başka bir listeyi yuvalamak gerekir. HTML, listeleri diğer listelerin öğeleri içinde süresiz olarak iç içe yerleştirme yeteneğine sahiptir.
Örneğin, numaralandırılmış listeleri madde işaretli liste öğelerinin içine yerleştiren kod buradadır.
- Bunun gibi seçenek
- İlk satır
- İkinci çizgi
- üçüncü satır
- Bu seçenek
- İlk satır
- İkinci çizgi
- üçüncü satır
- Bir çeşit seçenek
- İlk satır
- İkinci çizgi
- üçüncü satır
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 genellikle bir belgeyi her görüntülediklerinde başlar. yeni eleman yeni bir satırda listeleyin.
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 tarayıcısı 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 imkan doğrudan sağlanmamaktadır. HTML dili, ancak biraz yapay olarak uygulanmaktadır. Bu, kesinlikle bunun tavsiye edilmediği veya kınanmayacağı anlamına gelmez, sadece burada hiçbir özel kuralın uygulanmayacağı anlamına gelir. dil yapıları HTML.
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ürlerdeki 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 (girinti) bir kayma ile görüntülenmesi gerektiğini söyler. etiketler
- işaret etmek bireysel elemanlar liste, standart liste öğesi işaretçilerinin çıktısını sağlar.
Grafik işaretleyicilerle bir liste oluşturmamız gerekiyorsa, etiketler olmadan da yapabiliriz.
- . Listenin her bir elemanından önce istenenleri eklemek yeterli olacaktır. grafik görüntü. 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.
İşaretli liste.
Madde işaretli liste - listenin her öğesi yeni bir satırda bulunurken sol, üst ve altta belirli girintiler oluşturulur. Listedeki her öğe, içi dolu bir daire (varsayılan), daire veya kare olabilen bir işaretçiyle başlar.
Numaralandırılmış listeler.
Numaralandırılmış listeler, her bir kalemin bir seri numarasına sahip olduğu listelerdir, numaralandırılmış listeler oluşturulur.Varsayılan olarak numaralandırma Arap rakamlarıyla yapılır.
Word'de, yazarken otomatik olarak madde işaretli ve numaralı listeler oluşturabilir veya mevcut metin satırlarına hızlı bir şekilde madde işaretleri veya numaralandırma ekleyebilirsiniz.
Madde işaretli veya numaralı bir liste girme
işareti girin * (yıldız) madde işaretli bir liste başlatmak için veya 1. numaralı bir liste başlatmak için Ara Çubuğu veya SEKME tuşuna basın.
Metin girin.
Eklemek için Enter'a basın sonraki eleman liste.
Word, sonraki madde işaretini veya numarayı otomatik olarak ekler.
Listeye girmeyi bitirmek için iki kez Enter tuşuna basın. Listedeki son işaretçiyi veya numarayı silmek için GERİ tuşuna basın.
Madde işaretleri veya sayıların otomatik olarak girilmediği bir durumdaki eylemler
Bir sekme aç Dosya ve düğmeye basın Seçenekler.
Düğmeye bas Otomatik Düzeltme seçenekleri ve sekmeyi aç Yazarken otomatik biçimlendir.
Bölümde Yazarken uygula kutuları kontrol et madde işaretli liste stilleri ve numaralı liste stilleri.
Listeye madde işaretleri ve sayılar ekleme
Madde işaretleri veya numaralandırma eklemek istediğiniz öğeleri seçin.
sekmesinde Başlangıç sayfası grup içinde Paragraf bir takım seç maddeli liste veya numaralı liste.
Numaralama
Notlar
Alanların yanındaki oka tıklayarak çeşitli madde işareti stilleri ve numaralandırma biçimleri bulunabilir. işaretçiler veya Numaralama sekme ev grup içinde Paragraf.
Tek Düzeyli Listeyi Çok Düzeyli Listeye Dönüştürme
Varolan bir listeyi çok düzeyli bir listeye dönüştürmek için, içindeki öğelerin hiyerarşi düzeyini değiştirmeniz gerekir.
Başka bir düzeye taşımak istediğiniz herhangi bir öğeye tıklayın.
sekmesinde Başlangıç sayfası grup içinde Paragraf komutun yanındaki oku tıklayın maddeli liste veya numaralı liste ve ardından komutu seçin Liste düzeyini değiştir ve istediğiniz seviyeyi ayarlayın.
7. Biçimlendirme seçeneklerini listeleyin.
Bir belgenin görünümünü iyileştirmek ve anlamını anlamayı kolaylaştırmak için Word, listelerle çalışmak üzere tasarlanmış özel araçlara sahiptir. Kullanılabilecek iki ana liste türü vardır:
numaralandırılmış listeler;
notlu listeler.
Listedeki sayılar, yeni bir öğe eklendiğinde otomatik olarak ayarlanır. Listeleri sıralamak için seçenekler var. Özel alan Başvurmak süslemeyi geçerli paragrafa veya metin seçiliyse yalnızca metnin bir bölümüne uygulamanıza olanak tanır.
Bir liste oluşturmak için, liste öğeleri yapmak istediğiniz paragrafları seçmeniz veya ekleme imlecini listenin başlayacağı paragrafa yerleştirmeniz gerekir. Ardından komutu çalıştırın Liste menüden Biçim .
Ne tür bir listeye ihtiyacınız olduğuna bağlı olarak sayfayı etkinleştirin Etiketli notlar içeren bir liste için, Sayılı - numaralandırılmış bir liste için veya çok seviyeli - karmaşık numaralandırmalı bir liste için.
Madde işaretli listeler bölmenize izin verir büyük metin her biri bir işaretleyici ile başlayan ayrı bloklar halinde - genellikle küçük bir nokta bir işaretleyici görevi görü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 içi dolu bir daire olarak görüntülenir;
- listenin her bir öğesi, gövde metnine göre sağa kaydırılır.
- disk - doldurulmuş bir daire şeklinde işaretler;
- daire - doldurulmamış bir daire şeklinde işaretler;
- kare - kare işaretleri.
- mezar
- Sepulcarii
- Sepulenya
- çalışmayacak, bu yüzden etrafta çalışmak zorundasın. Bunu yapmak için liste işaretçilerini şununla gizleyin: liste tarzı özellikler hiçbiri değeriyle ve içerikten önceki metinde
- ::before sözde öğesiyle kendi karakterinizi ekleyin. Örnek 2'de, bir üçgen böyle bir işaretleyici görevi görür.
Örnek 2: Kullanmak::önce
Listeler - mezar
- Sepulcarii
- Sepulenya
Sonuç bu örnekŞek. 2. None değeriyle liste stili özelliğinin kullanılması, işaretçileri tamamen 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. Ana şey, belgeyi UTF-8 kodlamasında kaydetmek ve editörün onu desteklemesidir. Karakterlerin kendileri ve kodları, örneğin LibreOffice Writer'dan alınabilir (Şekil 3).
Pirinç. 3. LibreOffice'te sembol seçimi
çizilmiş madde işaretleri ile liste
Stiller, list-style-image özelliği aracılığıyla herhangi bir uygun resmi işaretçi olarak ayarlamanıza izin verir. Değer görecelidir veya kesin yol ile grafik dosyası, örnek 3'te gösterildiği gibi.
Örnek 3: Bir Görüntüyü İşaretçi Olarak Kullanma
Listeler - mezar
- Sepulcarii
- Sepulenya
Liste öğelerini şekil başlıklarına dönüştürmemek için küçük boyutlu bir resim seçmek en iyisidir. Şek. 4, küçük resimleri işaretleyici olarak kullanmak için örnek eylemin sonucunu gösterir.
Pirinç. 4. Bir işaretleyici olarak çizim
Liste stili görüntüsünün bazı dezavantajları vardır:
- desen yukarı veya aşağı hareket ettirilemez;
- içinde farklı tarayıcılar resmin metne göre konumu farklı olabilir.
Bu eksiklikler, ayarlayan arka plan özelliği kullanılarak önlenebilir. arka plan görüntüsü. Her liste öğesi için
- orijinal işaretleyicileri kaldırıyoruz ve ayarladık Arkaplan resmi tekrarlamadan. Ve metnin resmin üstünde görüntülenmemesi için, onu sol dolgu ile sağa kaydırıyoruz (örnek 4).
Örnek 4 Arka planı kullanma
Ul ( margin-left: -1em; ) li ( list-style: none; background: url(images/bullet.png) tekrarsız 0 2px; padding-left: 20px; )
Metin ve madde işareti konumu
Metne göre bir işaretleyici yerleştirmenin iki yolu vardır: işaretçi liste öğelerinin sınırlarının dışına yerleştirilir veya metinle sarılır (Şekil 5).
içeri dışarıda Pirinç. 5. Metne göre işaretleyici yerleştirme
list-style-position özelliği, işaretçilerin konumunu kontrol etmek için kullanılır. İki anlamı vardır: dış - işaretler dışarıya yerleştirilir Metin bloğu(bu varsayılandır) ve içeride - 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 kitinde bulunan ekipmanın kullanılabilirliğini kontrol edin.
- Bir veya daha fazlasının yokluğunda çevre birimleri hemen iletişime geçmeli Teknik personel VC.
- muayeneden sonra görsel yöntemler iş istasyonunuzda 3BM'yi dikkatli bir şekilde çalıştırabilirsiniz.
Bu örneğin sonucu Şekil 2'de gösterilmektedir. 6.
Ş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ü
işaretleyici türü
İşaretçiler şunlardan birini kabul edebilir: üç tip: Dolu daire (varsayılan), açık daire ve kare. İşaretçi türünü seçmek için şunu kullanın: liste stili tipi özellik veya genel liste stili (ö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 sadece üç çeşit markör olduğu anlamına gelmez. İşaretçi simgesi olarak başarılı bir şekilde hareket edebilen birçok özel karakter vardır. Onları doğrudan "vidalayın"
- buluştuğu yerde
- işaret etmek bireysel elemanlar liste, standart liste öğesi işaretçilerinin çıktısını 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 uygulama verilen parametre anlamsızdır, özellikle kullanımı HTML 4.0 spesifikasyonu tarafından kullanımdan kaldırıldığından.
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. Bu tam olarak yapılan şey en son sürümler Netscape tarayıcıları ve Internet Explorer. Diğer tarayıcıların işaretçileri farklı görüntüleyebileceğini unutmayın. Örneğin, HTML 4.0 belirtiminde, görüntülendiğinde görüntülenen işaretçi türü için değer türü= kare, doldurulmamış bir kare (kare anahat) 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 şunu kullanın: Özel semboller, liste işaretleri olarak adlandırılır (genellikle madde işareti olarak adlandırılır ve İngilizce terim madde işaretinin resmi olarak dile getirilmesidir). 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
Aşağıda kodun kısaltılmış versiyonları ve her durumda olabilecek numaralandırma türü bulunmaktadır.
Liste görünümü:
Liste görünümü:
Numaralama küçük harf Latin alfabesi:
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. Listedeki her bir öğenin, anlamını ortaya çıkaran 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şaretli madde işaretli liste oluşturmaya bir örnek:
Sonuç olarak, liste aşağıdaki formu alacaktır:
Kare işaretleyicilerle madde işaretli bir liste oluşturma:
Liste şöyle görünecektir:
type özelliği, bir etiketten daha fazlasına uygulanabilir
- , aynı zamanda etikete
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