Madde işaretli ve liste HTML sayılı

düzenli ve düzensiz: HTML dilinde listelerinin iki tür vardır. Onların oluşturma hemen hemen aynıdır. Hatta etiketler bir karakter farklıdır. Ayrıca numaralandırılmış ve işaretleyici hem içerebilir çok düzeyli listeler oluşturabilirsiniz.

Bu listeler iradesiyle dönüştürülebilir. Bu, tüm hayal bağlıdır. İlk olarak, böyle Word gibi standart listeler, düşünün ve sonra onları iyileştirmek ve tüm tanıma dışına yapacaktır.

Numaralı HTML listesi

Nötr sıralı HTML listesi aşağıdaki etiketleri kullanılarak oluşturulabilir:

1. İlk madde liste

2. İkinci madde liste

3. üçüncü öğesi liste

   Basit liste burada benziyor

   standartlara göre, listedeki her öğe açılış ve kapanış li etiketi içinde olmalıdır. Eğer kapanış etiketi koymak etmezsek, sonuç tam olarak aynıdır. işleyici çok akıllı. dönüştürme listesine sırasında, açılış etiketlerini analiz eder. o yeni

4. görürse, o zaman otomatik olarak önünde onları koyar.

   Bu nedenle, listeler, aşağıda gösterildiği gibi yapılabilir.

   Ama profesyonellerin açısından yanlıştır.

   madde işaretli listeler

   Numarasız (veya işaretleyici) listelerini tam ül yazılı aynı, sadece yerine ol etiketi vardır.

   In madde işaretli listeler, sadece farklı karakterler, keçeli kalem denir - hayır rakam veya harf.

   Çok Düzeyli numaralı liste HTML

   Birçok kişi böyle bir fırsat ilgileniyoruz. Nedenle, herhangi bir HTML numaralandırılmış liste düzeyli olabileceği unutulmamalıdır. Ek tabakalar, aynı ya da işaretlenebilir.

   Yukarıdaki örnekte belirtilen bir liste oluşturmak için, aşağıdakileri yazmak gerekir.

   İlk örnekte, ilave bir özellik türü aksine, bu kodda dikkat edin. Onun sayesinde hem numaralandırılmış ve işaretleyici listeleri için sıralama türünü belirtebilirsiniz.

   numaralandırılmış için alfabe veya numaraların türünü belirtin ve kalan durumlar için - işaretleyici türüne.

   Seçenekler listesini sıralama

   Eğer özel bir HTML-etiketi kullanırsanız, numaralı listeler istediğiniz herhangi bir yol olabilir.

   Sen tablodan herhangi bir değere tipi özelliği belirtebilirsiniz. Veya sınıf tarzı css istenen sıralama türüyle list-style-türü belirtin.

   değerlerin Tercüme oldukça basit. İngilizce yeter temel bilgi. Ama kelime "daire", "kare", vb. N. tercüme edemez bile, görsel olarak türe ait öznitelik bu değerleri belirtmek sonucudur görebilirsiniz.

   numaralandırılmış listeleri için aşağıdaki seçenekleri kullanmak gerekir:

   • 1 - Arap rakamları;
   • A - büyük harfler ;
   • a - küçük harf;
   • I - Roma rakamlarını büyük harfe;
   • i - küçük harf Romen rakamları.

   Varsayılan olarak, liste her zaman birlikte kullanılır Arap rakamları. Yani bir şey belirtmek yoksa, o = "1" yazın eşdeğerdir vardır.

   Buna ek olarak, numaralı listeler istenen herhangi bir konumda başlayabilir. Varsayılan - 1. sonuç Ama istersen hatta yüz ile başlayabilir. Bunu yapmak için, herhangi bir değeri ile başlangıç niteliğini belirtmeniz gerekir.

   Buna ek olarak, ters sırayla sonucuna varılabilir. Bunu yapmak için, tersine yazın.

   listeleri yapma

   Numaralı HTML liste hemen bu zamanki liste değil, Photoshop oluşan bir resim olduğunu tahmin edemez kadar güzel düzenlenebilir.

   İşte listelerin güzel örnekleridir.

   örnekten görüleceği gibi, elemanların kendileri görünümünü ve numaralandırma değiştirmek mümkündür.

   Böyle düzenli bir liste oluşturabilirsiniz.

   css stilleri size ol etiketi için tasarım belirtmek gerekir. bu durumda, ayarlar tüm listelere bu stil dosyası kullanan tüm siteleri uygulanacaktır unutmayın.

   dairesel bir kontrol listesi birinci örneği göz önüne. Kod listesine dön. Set sınıf yuvarlak listesi var. Yani böyle güzellik yapmak, tamircilik bu sınıf ihtiyacı olan bu. istediğiniz gibi sınıf ararım.

   Şimdi bir kare tasarımı düşünün.

   stilleri birbirine çok benzer. Fark birinci durumda css seçenekleri arasında bir yuvarlama elemanı olmasıdır.

   tarayıcı Destek

   Tüm tarayıcılar tüm css özelliklerini desteklediğini anlamak önemlidir.

   Örneğin, ortada numaralı liste yapmak istiyorum. HTML kodu aynı olacaktır, ancak eski tarayıcılarda sonuç oldukça farklı olabilir.

   Aynı numaralandırma tasarımı için de geçerlidir.

   Gördüğünüz gibi işleyici böyle bir kayıt yapmak için izin yeni özelliklerini bilmediği için, IE'nin eski sürümlerinde sayılar etrafında kareler, görünmüyordu.

   Profesyonel kodlayıcı tahmin ve tüm kullanıcılar, modern bilgisayar kullanıyor anlamak gerekir. Tüm Windows 7, 8, 10. yüklü değil hala Windows XP üzerinde oturur ve Internet Explorer'ın eski bir sürümünü kullanıyor kullanıcıların yüzdesi vardır.

   Kural olarak, hemen hemen tüm modern tasarımlar onların öğeleri desteklenmez geliştirmek. Kullanıcı, sitenin tasarımına işe yaramadı hissedeceksiniz. Hepsi dışarı taşındı. Elemanlar birlikte demetler halinde. Bunu önlemek için, tüm seçenekleri saymak gerekir.

   piyasada bugün payları daha az hale geliyor çünkü Bazı yöneticileri, kendilerine görmezden dönüyor. Ama profesyonel için bu ticari bir sitedir, özellikle her ziyaretçinin teşekkür ederiz.

   herkes için uygun bir şey yapın veya tarayıcı için tüm seçenekleri göz önünde bulundurun.