Canlı bir örnek kullanarak html'de madde işaretli bir liste oluşturuyoruz. Madde işaretli ve numaralı liste

  • 21.07.2019

Listeler, bilgilerin düzenlenmesine yardımcı oldukları için içeriğin önemli bir parçasıdır. Listelerdeki metinler daha iyi algılanır ve hatırlanması daha kolaydır.

En basiti - her bir öğesinin önünde bir işaretleyici vardır - bir daire, bir kare veya bir daire. Madde işaretli bir listedeki öğelerin sırası önemli değildir.

Oluşturmak için yalnızca iki etiket kullanmanız gerekir:

    ve
  • .
      öğeleri etiket tarafından verilen bir listeyi içeren bir kapsayıcıdır.
    • .

      maddeli liste

      • Taş
      • Makas
      • Kağıt


      Varsayılan olarak, liste işaretçisi olarak siyah bir daire kullanılır ( disk). Etikete ekleyerek

        bağlanmak tip ve buna uygun bir değer atanarak, işaretleyici bir daireye dönüştürülebilir ( daire) veya siyah kare ( Meydan).

        İşaretli olandan farklıdır, çünkü içindeki öğelerin sırası önemlidir ve bu nedenle burada bir işaretleyici yerine ardışık sayılar veya harfler kullanılır. Listedeki sıra hakkında endişelenmenize gerek yok: tarayıcı bu görevi hallediyor. Listeyi değiştirirseniz (düzensiz bir öğeyi kaldırır veya eklerseniz), tarayıcı onu yeniden hesaplar ve doğru şekilde görüntüler.

        Etiketler, numaralandırılmış listeler oluşturmak için kullanılır.

          ve
        1. . Konteyner
            listenin başlangıcını ve sonunu tanımlar, etiket
          1. öğesinin başlangıcını ve sonunu ayarlar - madde işaretli listede olduğu gibi her şey, yalnızca
              olarak değiştirildi
                .

                numaralı liste

                1. Taş
                2. Makas
                3. Kağıt


                Numaralı listeler her zaman bu kadar basit olmadığı için, etiket için

                  aşağıdaki öznitelikleri oluşturdu (not: aşağıda yalnızca numaralandırılmış bir liste verilmiştir):

                  1. tip. Bu öznitelik, listeyi yalnızca Arapça ile değil, aynı zamanda Romen rakamları veya farklı harflerle Latin harfleriyle de numaralandırmanıza olanak tanır. tip 1 (varsayılan), a, A, i, I değerlerini destekler (onları kendiniz denemeyi deneyin).

                  2. Başlat. Numaralandırma her zaman birinden başlamak zorunda değildir. Bu özellik, listenin ilk öğesinin numarası olan başlangıç ​​değerini ayarlamanıza olanak tanır. İçinde raporun örneğin 100 veya K harfi ile başladığını belirtebilirsiniz.

                  3. tersine çevrilmiş. Liste 1'den 10'a değil de 10'dan 1'e gidiyorsa, bu öznitelik kullanılmalıdır. Ayarlanırsa, numaralandırma tersine çevrilir.

                  Listenin ortasındaki bir öğeye rastgele bir sayı ayarlamak için etikette kullanmanız gerekir.

                1. bağlanmak :

                2. Otuz sekizinci elementten sonraki kırk beşinci element
                3. Listenin ortasındaki bir öğenin numarasını değiştirerek, onu takip eden tüm öğelerin numaralandırmasını da değiştireceksiniz - rapor, değer özelliğindeki değerden başlayacaktır. Örneğin, 18 numaralı öğeye 35 sayısını atadıysanız, ondan sonraki öğelerin sayıları 19, 20, 21 değil, 36, 37, 38 olacaktır.

                  Tanımların listesi

                  Yukarıda tartışıldığı kadar iyi bilinen liste türü değil. Terimlerden ve tanımlarından oluşur. Etiketler kullanılarak oluşturuldu:

                  - listeyi içeren kap.

                  - terim etiketi.

                  - tanım etiketi

                  Tanım listelerinin kapsamı, sözlükler, referans kitaplar, testler, sözlükler ve "Terim - açıklama" türündeki diğer kapsamlı numaralandırmalardır.

                  Örnek bir tanım listesi aşağıdadır:

                  Tanımların listesi

                  tanımlayıcı
                  Herkes tarafından "Etiket" olarak bilinen bir biçimlendirme dilinin temel birimi.
                  Bağlanmak
                  Ek metin stili seçenekleri sunan bir etiket özelliği.
                  Etiket
                  Kapatılması gerekmeyen tek bir etiket.


                  İç içe geçmiş listelerden oluşan liste. Farklı türlerin listelerini içerebilir. Yaratmanın karmaşıklığı, çok seviyeli bir yapıda kafa karıştırmak kolay olduğundan, etiketlerin doğru iç içe yerleştirilmesinin gözlemlenmesinde yatmaktadır.

                  İşte çok düzeyli bir liste örneği:

                  Çok düzeyli liste Programlama dilleri ikiye ayrılır:

                  • Yapısal
                    1. paskal
                    2. Oberon
                      1. araf
                  • Nesne odaklı
                    1. Java
                  • fonksiyonel
                    1. Lisp
                    2. piton


                  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. Pekala, böyle olması gerekiyordu. Aynı şekilde, aile çemberinde oturdular. 19 Haziran'da arkadaşlarla 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.

                  Biliyorsun? Dün eşim ve ben ev için, doğum günü için, tatil için ne almamız gerektiğinin bir listesini yapıyorduk ve aklıma geldi: “Oh. Ve bir sonraki makaleyi sadece html'deki listelere ayıracağım. Genel olarak iki ana tür var, bu yüzden her türe ayrı bir makale ayırmak istedim. Ve bugün html madde işaretli listeyi 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 bir tür simgelerle vurgulanır. Burada blogumda işaret parmağı şeklinde sunuluyorlar ve bir şey listelerken kullanıyorum. Bir örneğe bakalım.

                  Bilgisayar parçaları:

                  • Anakart
                  • Veri deposu
                  • HDD
                  • Video kartı
                  • Vb.

                  Şimdi tüm bunları html'de nasıl çoğaltacağımızı görelim.

                  Bu tür listeler yapmak için iki eşleme kullanmamız gerekecek.

                    • - sırasız liste (sırasız liste). Bu etiket listenin başına yerleştirilir ve en sonunda kapatılır. Burada madde işaretli sırasız bir liste olacağını söylüyor.
                    • - liste öğesi (liste öğesi). Bu etiketler, listenin her bir öğesini kapsar.

                    Aslında, madde işaretli liste oluşturma prosedürü çok kolaydır ve size bir örnekle göstereceğim:

                    • peugeot
                    • Opel

                    Belgeyi kaydedip tarayıcıda açtığınızda liste bu şekilde görünecektir. Kendiniz görün, deneyin.

                    Öznitellikler

                    Ve elbette, bu etiketlerle ilgili olanları size anlatmadan edemeyeceğim. Doğru, aslında, bu nitelikler artık html'de kullanılmamaktadır, çünkü her şey stiller, yani CSS aracılığıyla yapmak daha kolay ve daha uygundur. Ama yine de genel gelişimi anlatmak istiyorum, bu yüzden sizi type özniteliği ve değerleriyle tanıştıracağım.

                    Type özelliğ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ışıyor olmasına rağmen artık onu ayarlamak alışılmış bir durum değildir.

                      • - bu değer varsayılan değerdir, bu nedenle onu yazmanın hiçbir anlamı yoktur. İşaretler siyah dolgulu dairelere benziyor;
                        • - bu değer sayesinde, işaretçi yuvarlak kalacak, ancak artık doldurulmayacaktır;
                          • - bu durumda, işaretçiler 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 her şeyi doğru bir şekilde dağıtmak için iç içe bir liste yapmamız yeterlidir. Araba örneğimizi ele alalım. Önceki örneklerde, sadece bir araba listesi yaptım ve şimdi her markaya birkaç model daha koyacağız.

                          Bunu yapmak kesinlikle çok kolay, sadece bu etikette

                        • genişletmek istediğimiz yeni bir liste kabı ekleyin
                            , ve zaten bir sonraki etiket grubunu oraya ekleyin
                          • aralarına araba modelleri yazılacak. Temiz? Değilse, kodda nasıl göründüğüne bakalım.

                            Şimdi her şeyi kaydedip tarayıcıda çalıştırıyoruz. Bakın ne var: şimdi listenin her öğesinde başka bir yeni liste var. Bunun için çabalıyorduk. Ve fark ederseniz, varsayılan işaretçiler ana işaretçilerden farklı şekilde ayarlanır. Bu, kafa karıştırmamak için bilerek yapılır, ancak istediğiniz özelliği koyabilir ve kendi işaretçinizi seçebilirsiniz. Bence burada her şey net olmalı.

                            Ama 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 iyileş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. Bu nedenle, tüm bu menü öğeleri liste öğeleridir, yalnızca CSS aracılığıyla işlenirler.

                            Genel olarak, sanırım konuyu anladınız. Ama HTML ve CSS'de iyi olmak istiyorsanız o zaman kursa bir göz atmanızı şiddetle tavsiye ederim" Sıfırdan profesyonele HTML5 ve CSS3". Bu kurs sayesinde, html ve css'nin tüm temellerini kolayca öğrenebilir ve ayrıca birkaç tür siteyi kendiniz nasıl oluşturacağınızı öğrenebilirsiniz: kartvizit siteleri, bloglar, çevrimiçi mağazalar ve hatta açılış sayfaları. Kurs gerçekten Harika.

                            Saygılarımla, Dmitry Kostin.

                            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: numaralı 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 öğe, öğenin listedeki diğer öğelere göre sırasını gösteren benzersiz bir işaretçiye sahiptir. 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.
                            1. :

                              Numaralandırılmış liste:

                              1. Kahve
                              2. Çay
                              3. Süt


                              Denemek "

                              not: etiket

                                etiketleri yalnızca alt öğeler olarak içerebilir
                              1. , yani numaralı listenin tüm içeriği öğelerin içine yerleştirilmelidir.
                              2. . Etiket
                              3. , 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. Tüm madde işaretli liste öğeleri 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:

                                  1. Elmalar
                                  2. Muz
                                  3. Limonlar

                                  type="I" özniteliğine sahip numaralandırılmış liste:

                                  1. Elmalar
                                  2. Muz
                                  3. 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

                                  1. Elmalar
                                  2. Muz
                                  3. 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.

                                  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 arka boşluk 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 arka boşluk 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 iki tür liste vardır: numaralı ve numarasız. Yaratılışları neredeyse aynı. Etiketler bile bir karaktere göre farklılık gösterir. Ayrıca hem numaralı hem de madde işaretli olanları içerebilecek şekilde oluşturabilirsiniz.

                                  Bu listeler istediğiniz şekilde dönüştürülebilir. Her şey hayal gücünüze bağlı. İlk olarak, Word editöründe olduğu gibi standart listelere bakacağız ve daha sonra onları tanınmayacak şekilde geliştirip tasarlayacağız.

                                  Numaralandırılmış Liste HTML'si

                                  Aşağıdaki etiketler kullanılarak normal numaralı bir tane oluşturulabilir:

                                • Listedeki ilk öğe
                                • Listedeki ikinci öğe
                                • Listedeki üçüncü öğe
                                • Basit listeler şöyle görünür

                                  Standartlara göre, her liste öğesi bir açılış ve kapanış li etiketi içinde olmalıdır. Ancak bir kapanış etiketi koymazsanız sonuç tamamen aynı olacaktır. İşlemci çok akıllı. Liste dönüşümü sırasında açılış etiketlerini ayrıştırır. yenisini görürse

                                • , ardından otomatik olarak önüne koyar
                                • .

                                  Böylece listeler aşağıda gösterildiği gibi yapılabilir.

                                  Ancak profesyonellerin bakış açısından bu yanlıştır.

                                  Sırasız (veya madde işaretli) listeler tam olarak aynı şekilde oluşturulur, ancak ol etiketi yerine ul yazılır.

                                  İçinde sayı veya harf yok - sadece işaretçi olarak adlandırılan çeşitli semboller.

                                  HTML çok düzeyli numaralı liste

                                  Birçok kullanıcı bu olasılık ile ilgileniyor. Bu nedenle, herhangi bir numaralı HTML listesinin çok seviyeli yapılabileceğine dikkat edilmelidir. Ek seviyeler aynı veya işaretli olabilir.

                                  Yukarıdaki örnekte gösterilen listeyi oluşturmak için aşağıdakileri yazmanız gerekmektedir.

                                  Bu kodda, ilk örneklerden farklı olarak type özniteliğinin eklendiğini unutmayın. Bu sayede hem numaralı hem de madde işaretli listeler için sıralama türünü belirleyebilirsiniz.

                                  Numaralandırılmış için alfabeyi veya sayı türünü ve diğer durumlarda - işaretleyici türünü belirtiriz.

                                  Özel bir HTML etiketi kullanırsanız, numaralandırılmış liste istediğiniz gibi olabilir.

                                  type niteliğini tablodan herhangi bir değerle belirtebilirsiniz. Veya css stil sınıfında, istenen sıralama türüyle liste stili türünü belirtin.

                                  Değerlerin çevirisi oldukça basittir. Yeterli temel İngilizce bilgisi. Ancak "daire", "kare" vb. kelimeleri çeviremeseniz bile type özniteliğinde bu değerleri belirtirken sonucun ne olacağını görsel olarak anlayabilirsiniz.

                                  Numaralandırılmış listeler için aşağıdaki seçenekleri kullanın:

                                  • 1 - Arap rakamları;
                                  • A - büyük harfler;
                                  • a - küçük Latin harfleri;
                                  • I - büyük Romen rakamları;
                                  • i - küçük Romen rakamları.

                                  Varsayılan her zaman içeren bir listedir.Yani, herhangi bir şey belirtmezseniz, bu type="1" ile eşdeğerdir.

                                  Ayrıca numaralandırılmış listeler istenilen herhangi bir pozisyondan başlayabilir. Varsayılan olarak çıktı 1'den gelir. Ama dilerseniz en az yüz ile başlayabilirsiniz. Bunu yapmak için, herhangi bir değerle start niteliğini belirtmeniz gerekir.

                                  Ek olarak, sonuç ters sırada çıkarılabilir. Bunu yapmak için ters yazmanız gerekir.

                                  Liste tasarımı

                                  Numaralandırılmış bir HTML listesi o kadar güzel şekillendirilebilir ki, bunun Photoshop'ta yapılmış bir resim değil, normal bir liste olduğunu hemen fark etmeyebilirsiniz.

                                  İşte güzel liste örnekleri.

                                  Örnekte görebileceğiniz gibi, numaralandırmanın görünümünü ve elemanların kendilerini değiştirebilirsiniz.

                                  Bunun gibi düzenli bir liste oluşturabilirsiniz.

                                  CSS stillerinde ol etiketleri için tasarımı belirtmeniz gerekir. Lütfen bu durumda ayarların, bu stil dosyasının kullanıldığı tüm sitenin tüm listelerine uygulanacağını unutmayın.

                                  İlk önce yuvarlak liste tasarımlı seçeneği düşünün. Liste koduna dönün. Yuvarlak liste sınıfı burada belirtilir. Böyle bir güzelliği yapmak için kurcalamanız gereken bu sınıftır. Sınıfa istediğiniz ismi verebilirsiniz.

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

                                  Stiller çok benzer. Aradaki fark, ilk durumda öğenin css yetenekleri kullanılarak yuvarlanmasıdır.

                                  Profesyonel bir düzen tasarımcısı, tüm kullanıcıların modern bilgisayarları kullanmadığını tahmin etmeli ve anlamalıdır. Herkeste Windows 7, 8, 10 yüklü değildir.Hâlâ Windows XP kullanan ve Internet Explorer tarayıcısının eski sürümlerini kullanan kullanıcıların bir yüzdesi vardır.

                                  Kural olarak, öğelerdeki neredeyse tüm modern tasarım geliştirmeleri onlar tarafından desteklenmez. Kullanıcıya, sitenin tasarımı üzerinde hiç çalışılmamış gibi görünecektir. Her şeyin gittiğini. Elementler birbirinin içine girer. Bunu önlemek için tüm seçenekleri hesaplamanız gerekir.

                                  Bazı web yöneticileri, günümüz pazarında pazar payları küçüldükçe küçülürken onlara göz yumar. Ancak bir profesyonel için her ziyaretçi, özellikle de ticari bir site ise önemlidir.

                                  Herkes için uygun bir şey yapın veya tüm tarayıcı seçeneklerini değerlendirin.