• HTML'de madde işaretli liste. Madde işaretli ve numaralandırılmış HTML listesi

    Herkese iyi günler sevgili dostlarım ve okuyucularım. Dün kutladım ve aile çevresinde her şeyin planlandığı gibi iyi gittiğini söylemek istiyorum. İşte böyle olması gerekiyordu. Yine de aile çemberinde oturdular. Pekala, 19 Haziran'da arkadaşlarımla kutlayacağım, yani ziyafetin devamı olacak. Ama bugün nihayet iş günlerine dönebiliriz (tatilde olmama rağmen) ve html dilini öğrenmeye devam edebiliriz.

    Bilirsin? Dün eşim ve ben ev, doğum günü, tatil için almamız gerekenlerin bir listesini yapıyorduk ve birden aklıma: "Ah. Ve bir sonraki makaleyi sadece html'deki listelere ayıracağım. Genel olarak iki ana tür vardır, bu yüzden her türe ayrı bir makale ayırmak istedim. Ve bugün html madde işaretli listesini inceleyeceğiz.

    Madde işaretli liste nedir? Bu, herhangi bir sıralı eylem içermeyen, ancak yine de anlam bakımından benzer öğeler içeren özel bir listedir. Ve bu tür listeler, örneğin işaretçiler, kısa çizgiler vb. Gibi bazı simgelerle vurgulanır. Burada blogumda işaret parmağı şeklinde sunuluyorlar ve ben bir şey listelerken bunu kullanıyorum. Bir örneğe bakalım.

    Bilgisayar parçaları:

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

    Şimdi tüm bunları html'de nasıl yeniden oluşturacağımızı görelim.

    Bu tür listeler yapmak için iki çift kullanmamız gerekecek.

      • - 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 öğesini kapsar.

      Aslında, oluşturma prosedürü maddeli listeçok kolay ve size bir örnekle göstereceğim:

      • pejo
      • Opel

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

      Öznitellikler

      Ve tabii ki bu etiketlerle ilgili olanları da anlatmadan edemeyeceğim. Doğru, aslında, bu nitelikler artık html'de kullanılmıyor, çünkü stiller, yani CSS aracılığıyla her şey aynı şekilde daha kolay ve daha uygun. ama ben yine de sana anlatmak isterim genel gelişme, bu yüzden size type özniteliğini ve anlamlarını tanıtacağım.

      type niteliği, işaretçinin görünümünü değiştirmek için ayarlanmıştır, ancak günümüz gerçeklerinde söylediğim gibi, hala çalışmasına rağmen artık onu ayarlamak alışılmış bir şey değildir.

        • - bu değer varsayılan değerdir, bu nedenle onu reçete etmenin hiçbir anlamı yoktur. İşaretçiler siyah dolu daireler gibi görünür;
          • - bu değer sayesinde işaretçi yuvarlak kalacak, ancak artık doldurulmayacaktır;
            • -V bu durum m işaretleri küçük siyah karelere dönüşecektir.

            Nasıl çalıştığını görmek için kendiniz deneyin ve tüm değişiklikleri göreceksiniz.

            iç içe liste

            Tek bir listeyle yetinmeyeceğiniz zamanlar vardır ve o zaman her şeyi doğru bir şekilde dağıtmak için iç içe geçmiş bir liste yapmamız yeterlidir. Araba örneğimizi ele alalım. Önceki örneklerde, arabaların bir listesini yaptım ve şimdi her markaya birkaç model daha koyacağız.

            Bunu yapmak kesinlikle çok kolay, sadece bu etikette

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

              Şimdi tarayıcıda her şeyi kaydedip çalıştırıyoruz. Bakın elimizde ne var: şimdi listenin her öğesinde başka bir yeni liste var. Bunun için uğraşıyorduk. Ve fark ederseniz, varsayılan işaretçiler ana işaretçilerden farklı olarak ayarlanır. Bu, kafanızın karışmaması için bilerek yapılır, ancak istediğiniz özelliği koyabilir ve kendi işaretçinizi seçebilirsiniz. Burada her şeyin açık olması gerektiğini düşünüyorum.

              Ancak gelecekte CSS çalışacağız ve her şeyi olması gerektiği gibi yapacağız. Stillerle, listenin görünümünü büyük ölçüde geliştirebilir ve hatta kendi işaretçinizi oluşturabilirsiniz. Blogumdaki menüyü görüyor musunuz (Ana Sayfa, Tüm Makaleler, Yazar Hakkında vb.)? Ve genel olarak, hemen hemen her siteye gidebilir ve benzer bir menü görebilirsiniz. Yani, tüm bu menü öğeleri liste öğeleridir, yalnızca CSS aracılığıyla işlenirler.

              Genel olarak, bence meseleyi anladın. Ancak HTML ve CSS'de iyi olmak istiyorsanız, kursa bir göz atmanızı şiddetle tavsiye ederim " Sıfırdan profesyonelliğe HTML5 ve CSS3". Bu kurs sayesinde her şeyi kolayca öğreneceksiniz. html temelleri ve css'nin yanı sıra çeşitli site türlerini kendiniz nasıl tasarlayacağınızı öğrenin: kartvizit siteleri, bloglar, çevrimiçi mağazalar ve hatta açılış sayfaları. Kurs gerçekten harika.

              Saygılarımla, Dmitry Kostin.

              - 2 oy üzerinden 5 üzerinden 4,5

              Çoğu zaman, sitedeki belirli bilgilerin listeler şeklinde sunulması gerekir.

              Listeler düzenlemenizi ve düzenlemenizi sağlar çeşitli bilgiler ve ziyaretçiye uygun bir şekilde sunun.

              HTML'deki listeler üç çeşittir: madde işaretli listeler, numaralı listeler ve tanım listeleri. Onları sırayla nasıl oluşturacağımızı görelim.

              İşaretli liste

              Bu liste türü en sık kullanılandır. HTML'de madde işaretli liste, etiketler kullanılarak oluşturulur

              • . Aynı zamanda, listenin her öğesinin karşısına bir işaretçi eklenir, varsayılan olarak daire şeklinde bir işaretleyicidir. Etiketlerin yardımıyla, içinde liste öğelerinin bulunduğu bir kap oluşturulur: .

                Madde işaretli liste kodu şöyle görünür:

                • Bunun gibi seçenek
                • Bu seçenek
                • bir tür seçenek

                Bu kodu kullanarak bir HTML sayfası oluşturmayı deneyebilirsiniz ve sonuç olarak aşağıdaki listeyi alacaksınız:

                Gördüğünüz gibi, listenin her elemanı Yeni hat, solda, üstte ve altta belirli girintiler oluşturulur. Listedeki her öğe, dolu daire (varsayılan), daire veya kare olabilen bir işaretçiyle başlar. Etiket

                  işaretçinin stilinin ayarlandığı bir tür özelliği vardır. Bu öznitelik aşağıdaki değerlere sahiptir:

                  • disk - daire;
                  • daire - daire;
                  • kare kare.

                  Disk değeri varsayılan olarak kullanılır.

                  Daire işaretçileriyle madde işaretli bir liste oluşturmaya bir örnek:

                  • Bunun gibi seçenek
                  • Bu seçenek
                  • bir tür seçenek

                  Sonuç olarak, liste aşağıdaki formu alacaktır:

                  Kare işaretçilerle madde işaretli bir liste oluşturma:

                  • Bunun gibi seçenek
                  • Bu seçenek
                  • bir tür seçenek

                  Liste şöyle görünecek:

                  type niteliği, bir etiketten daha fazlasına uygulanabilir

                    , aynı zamanda etikete
                  • . Bu şekilde, çeşitli işaretçilerle bir liste oluşturabilirsiniz.

                    • Bunun gibi seçenek
                    • Bu seçenek
                    • bir tür seçenek

                    Sonuç aşağıdaki gibi olacaktır:

                    Numaralandırılmış listeler.

                    HTML'deki numaralandırılmış listeler, her öğenin bir seri numarası, numaralı listeler etiketi kullanılarak oluşturulur.

                      ve etiketlerinin içine yerleştirilmiş
                      1. İlk satır
                      2. İkinci çizgi
                      3. üçüncü satır

                      Böyle bir liste şöyle görünür:

                      Varsayılan numaralandırma Arap rakamlarıdır. Ama etiket

                        numaralandırmanın büyük harfle (type="A") veya küçük harfle (type="a") yapılabileceği değerlerin yardımıyla bir tür özelliği vardır. latin harfleriyle, büyük harfle (type="I") ve küçük harfle (type="i") Romen rakamları.

                        Aşağıda, kodun kısaltılmış sürümleri ve bir durumda veya başka bir durumda olabilen numaralandırma türü verilmiştir.

                        Liste görünümü:

                        Liste görünümü:

                        Latin alfabesinin küçük harfleriyle numaralandırma:

                        Liste görünümü:

                        Liste görünümü:

                        Liste görünümü:

                        HTML'deki tanımların listesi.

                        Tanım listeleri, özel bir liste türüdür. Listenin her öğesinin, anlamını açıklayan bir terim ve metin olmak üzere iki öğeden oluşması bakımından farklılık gösterirler. Bu listeler etiketler kullanılarak oluşturulur.

                        . Etiket
                        liste için bir kap oluşturur, etiket
                        terimi ve etiketi ayarlar
                        bir terimin açıklaması veya tanımı.

                        kaydedildi bu liste Aşağıdaki şekilde:

                        Dönem 1
                        Terim 1'in tanımı
                        dönem 2
                        2. terimin tanımı
                        dönem 3
                        3. terimin tanımı

                        Bu, aşağıdaki listeyle sonuçlanacaktır:

                        Gördüğünüz gibi bu, terim ve tanım metni için uygun girintiler oluşturur.

                        HTML'de iç içe veya çok düzeyli listeler.

                        Bazen, belirli bir liste türünün bir elemanına başka bir liste yerleştirmek gerekir. HTML, listeleri süresiz olarak diğer listelerin öğelerinin içine yerleştirme yeteneğine sahiptir.

                        Örneğin, numaralı listeleri madde işaretli liste öğelerinin içine yerleştiren kod buradadır.

                        • Bunun gibi seçenek
                          1. İlk satır
                          2. İkinci çizgi
                          3. üçüncü satır
                        • Bu seçenek
                          1. İlk satır
                          2. İkinci çizgi
                          3. üçüncü satır
                        • bir tür seçenek
                          1. İlk satır
                          2. İkinci çizgi
                          3. üçüncü satır

                        Bugün, herhangi bir kişinin bilgisayar becerilerine sahip olması ve en azından asgari set programlar. Standart ve en popüler Microsoft Word'ü içerir. Word'de çalışan kullanıcılar, netlik için belirli metin aralıklarını vurgulama ihtiyacıyla karşı karşıya kalır. Genellikle bir belgeye bir liste eklemek gerekir. Madde işaretli veya numaralandırılmış bir liste olabilir - kullanıcının durumda gezinme yeteneği vardır.

                        Program, hepsini keşfetmek için geniş fırsatları kullanarak herhangi bir belge, mektup ve proje oluşturmanıza olanak tanır. Microsoft özellikleri Kelime, zaman harcamanız gerekiyor, ancak sonuç buna değer.

                        Metni anlaşılır ve anlamlı hale getirmek için listeler gereklidir. Çoğu belgede aynı düzeyde numaralandırılmış ve madde işaretli bir liste kullanılır. tezlerde ve bilimsel belgeler kullanılmış çok düzeyli liste.

                        Numaralandırma ve Madde İşaretleri

                        Her şeyden önce, bir liste olarak biçimlendirilmesi gereken paragrafları seçmeniz gerekir. Bu, fare ile yapılabilir veya imleci listenin başlayacağı satırın başına getirmeniz yeterlidir.

                        MS Word'de, "Paragraf" grubunda istediğiniz eki seçebileceğiniz bir "Giriş" sekmesi vardır. Kullanıcı "Numaralandırma" veya "İşaretçiler" düğmelerine basar, ardından cetveli kullanarak girintileri ayarlar. Bu yöntem çok basit ve anlaşılır, ancak deneyimsiz kullanıcı gizli sorunlarla karşılaşabilir. Madde işaretli ve numaralı listeleri tekrar eklerken, girintilerin tekrar düzenlenmesi gerekecektir.

                        Her listeyi ayrı ayrı biçimlendirmek ve yazı tipi parametrelerini değiştirmek gerektiğinde, programın her kullanıcısı metni doğru yapamayacak ve ayrıca çok fazla zaman ve çaba gerektirecektir.

                        Numaralandırılmış listeler

                        Listenin her öğesi bir numara ile vurgulanır, numaralandırma otomatik olarak düzeltilir. Liste oluşturmak ve düzenlemek için "Paragraf" grubunda "Numaralandırma" butonu bulunmaktadır. "Numaralandırma" işlevini de kullanabilirsiniz bağlam menüsü seçilen paragraf

                        Liste seçenekleri:

                        • Sayı biçimi, her öğenin yanında hangi karakterin görüneceğini belirler.
                        • Numaralandırma stili, belirli bir belgenin özelliklerine bağlı olarak seçilebilir: Arap veya Romen rakamları, büyük harf vb.
                        • "Başlangıç ​​değeri" alanı, listenin başlayacağı sayıyı seçmenizi sağlar.
                        • Benzer bir liste oluşturmanız, ancak yeniden numaralandırmanız gerekirse, "Başlat yeni liste". Öğeleri seçmeniz ve tüm parametreleri ayarlamanız gerekir.

                        Numaralandırılmış bir listeyi otomatik olarak ekleyebilirsiniz. Bunu yapmak için aşağıdaki adımları gerçekleştirmelisiniz:

                        • Bir paragrafın başında, metni girmeden önce "1", ardından "Boşluk" veya Sekme koymanız gerekir. Paragraf, listedeki ilk öğe olarak görünecektir.
                        • Bir paragrafın önüne "1)" ekleyerek ve ardından Boşluk veya Sekme tuşuna basarak, kullanıcı farklı türde bir liste oluşturacaktır.
                        • Benzer şekilde, harfli listeler hazırlanır. Dizelerde nokta veya parantez ile girmelisiniz. Her paragraftan sonra "Boşluk" veya Sekme tuşuna basmalısınız.

                        Madde İşaretli Listeyi Otomatik Olarak Oluşturma

                        Madde işaretli bir listeyi Word'e şu şekilde ekleyebilirsiniz:

                        • Paragrafın başına bir yıldız işareti veya büyüktür işareti yazmanız ve ardından Boşluk veya Sekme tuşuna basmanız gerekir.
                        • Otomatik olarak madde işaretli bir liste oluşturun. "Dosya" sekmesine gidip "Seçenekler" grubunu seçerek etkinleştirebilirsiniz. "Yazım" sekmesinde, "Otomatik Düzeltme Seçenekleri"ni seçin. "Otomatik Biçim" bölümünde, stillerin yanındaki kutuları işaretleyin.

                        Aşağıdaki türlerden madde işaretli bir liste oluşturabilirsiniz:

                        Çok düzeyli liste

                        Madde işaretli ve numaralandırılmış listeler birer öğedir ve kullanıcının ihtiyacına göre yapılandırılmalıdır. özel durum. Yapı, "Çok Düzeyli Liste Tanımla" işlevi kullanılarak düzenlenebilir. "Belgelerdeki listeler" grubunda tüm listelerin nasıl görüntülendiğini kontrol etmek uygundur. Her birinin yazı tipi ayarlarını ayrı ayrı değiştirmek için, çok düzeyli liste paragraf stilleriyle ilişkilendirilir.

                        Çok düzeyli bir liste için temel ayarlar

                        Birkaç seviyeden oluşan bir liste oluştururken aşağıdaki parametrelere dikkat etmeniz gerekir:

                        • Seviye seçimi ve tasarımının bir örneği.
                        • Yazı tipi tanımı ayarları, gerekirse sayının sabit kısmını ayarlayabilirsiniz.
                        • Numaralandırma türü seçimi: sembol, resim, harfler ve diğer seçenekler.
                        • Numaralandırmanın güncellendiği düzeyi tanımlar.
                        • Girintilerin ve metin konumunun belirlenmesi.
                        • Ek düzenleme seçenekleri.
                        • Eşleşen paragraf stili ve çok düzeyli liste.

                        Bir kez oluşturulmuş ayarlar, otomatik mod sonraki listelere uygulanabilir. Ancak düzenlemeye ihtiyaç varsa, her listeyle ayrı ayrı çalışmanız gerekecektir. Bu rahatsızlık önemsiz görünebilir, ancak metindeki listeler ise çok sayıda, biçimlendirme uzun zaman alacaktır.

                        İşaretçi stili nasıl değiştirilir?

                        "İşaretçiler" düğmesine tıklayarak bu durumda uygun olan seçeneği seçebilirsiniz. Bunu yapmak için "Kütüphane" alanına gidin ve üzerine tıklayın. Numaralandırma tipi aynı şekilde seçilir: "Numaralandırma Kitaplığı" alanında.

                        Word'de numaralandırılmış veya madde işaretli bir listeyi metne dönüştürmek için ilgili düğmeye basmanız yeterlidir.

                        Metnin her bir öğesi özel bir işaretleyici ile vurgulanabilir. Listeyi belirli bir belgenin gereksinimlerine göre biçimlendirmek için "Yeni İşaretçi Tanımla" komutunu seçmelisiniz.

                        Tüm olasılıklara hakim olduktan sonra Microsoft programları kelime çalışması belgelerle keyif getirecek, ayrıca metni biçimlendirmek için çok fazla zaman harcamanıza gerek yok. Numaralı liste gibi madde işaretli bir liste hemen hemen her belgede bulunur ve sıklıkla kullanılır, bu nedenle program kullanıcısının çeşitli türlerde listelerin oluşturulmasına aşina olması yararlı olacaktır.

                        Madde işaretli listeler, büyük metni, her biri bir madde işaretiyle (genellikle küçük bir nokta) başlayan ayrı bloklara ayırmanıza olanak tanır. Bu, okuyucunun dikkatini metne çeker ve okunabilirliğini artırır.

                        eleman ile

                          aşağıdaki özelliklerle ilişkilidir:

                          • buluştuğu yerde
                              , tarayıcı otomatik olarak bir satır sonu ekler;
                            • listenin üstünde ve altında girintiler vardır;
                            • işaretçiler varsayılan olarak dolu bir daire olarak görüntülenir;
                            • listenin her öğesi, gövde metnine göre sağa kaydırılır.

                            Şekil 1, madde işaretli listenin yukarıdaki özelliklerini gösteren örneğin sonucunu göstermektedir.

                            Pirinç. 1. Madde işaretli listenin görünümü

                            İşaretçi türü

                            İşaretçiler üç biçimden birini alabilir: dolu daire (varsayılan), boş daire ve kare. İşaretçi türünü seçmek için list-style-type özelliğini veya genel list-style özelliğini kullanın (örnek 1). Aşağıdaki değerler geçerlidir:

                            • disk - dolu bir daire şeklinde işaretler;
                            • daire - doldurulmamış bir daire şeklinde işaretçiler;
                            • kare - kare işaretçiler.

                            Örnek 1 - İşaretçinin görünümünü değiştirin

                            Listeler

                            • sepulki
                            • mezar taşı
                            • sepulenia

                            Örnek, madde işareti simgesi olarak küçük, düz renkli bir kare kullanan madde işaretli bir listenin nasıl oluşturulacağını gösterir. Değer sayısı üç ile sınırlı olsa da bu, elimizde yalnızca üç tür işaretleyici olduğu anlamına gelmez. Başarıyla bir işaretçi simgesi olarak işlev görebilen birçok özel karakter vardır. Onları doğrudan "vidalayın"

                          • işe yaramayacak, bu yüzden etrafta çalışmalısın. Bunu yapmak için, list-style özelliği ile none değerini kullanarak ve metinde içerikten önce liste işaretçilerini gizleyin.
                          • ::before sözde öğesiyle kendi karakterinizi ekleyin. Örnek 2'de, bir üçgen böyle bir işaretleyici görevi görür.

                            Örnek 2: ::before Kullanımı

                            Listeler

                            • sepulki
                            • mezar taşı
                            • sepulenia

                            Sonuç bu örnekŞek. 2. list-style özelliğinin none değeriyle kullanılması işaretçileri hiç kaldırmadığından, yalnızca onları görünümden gizlediğinden, liste sağa kaydırılır. Bu özellikten kurtulmak için örnek, text-indent özelliğini negatif bir değerle ekler. Görevi, metni bir karakter sola taşımaktır.

                            Pirinç. 2. Listedeki keyfi işaretçiler

                            Karakterin onaltılık biçimde olması gerekmez, doğrudan metne de eklenebilir. Önemli olan belgeyi UTF-8 kodlamasında kaydetmek ve editörün bunu desteklemesidir. Karakterlerin kendileri ve kodları örneğin LibreOffice Writer'dan alınabilir (Şekil 3).

                            Pirinç. 3. LibreOffice'de sembol seçimi

                            Çizilmiş madde işaretleri içeren liste

                            Stiller, list-style-image özelliği aracılığıyla herhangi bir uygun görüntüyü bir işaretleyici olarak ayarlamanıza olanak tanır. Değer, göreli veya mutlak bir yoldur. grafik dosyası, örnek 3'te gösterildiği gibi.

                            Örnek 3: Bir Görüntüyü İşaretleyici Olarak Kullanma

                            Listeler

                            • sepulki
                            • mezar taşı
                            • sepulenia

                            Liste öğelerini şekil başlıklarına dönüştürmemek için küçük boyutlu bir resim seçmek en iyisidir. Şek. Şekil 4, küçük resimleri işaretleyici olarak kullanmak için örnek eylemin sonucunu gösterir.

                            Pirinç. 4. İşaretleyici olarak çizim

                            Liste stili görüntünün bazı dezavantajları vardır:

                            • desen yukarı veya aşağı hareket ettirilemez;
                            • V farklı tarayıcılar resmin metne göre konumu farklı olabilir.

                            Arka plan görüntüsünü ayarlayan background özelliği kullanılarak bu sorunlardan kaçınılabilir. Her liste öğesi için

                          • orijinal işaretleyicileri kaldırıyoruz ve arka plan görüntüsünü tekrarlamadan ayarlıyoruz. Ve metnin resmin üstünde görüntülenmemesi için, onu sola kaydırma yoluyla sağa kaydırıyoruz (örnek 4).

                            Örnek 4 Arka planı kullanma

                            Ul ( sol kenar boşluğu: -1em; ) li ( liste stili: yok; arka plan: url(images/bullet.png) tekrarsız 0 2 piksel; sol dolgu: 20 piksel; )

                            Metin ve madde işareti konumu

                            Metne göre bir işaretçi yerleştirmenin iki yolu vardır: işaretçi, liste öğelerinin sınırının dışına yerleştirilir veya metinle çevrelenir (Şekil 5).



                            içeridıştan

                            Pirinç. 5. İşaretçileri metne göre yerleştirme

                            list-style-position özelliği, işaretçilerin konumunu kontrol etmek için kullanılır. İki anlamı vardır: dış - madde işaretleri metin bloğunun dışına yerleştirilir (bu varsayılandır) ve iç - madde işaretleri metin bloğunun parçasıdır ve liste öğesinde görüntülenir (örnek 5).

                            Örnek 5. İşaretçilerin konumunu değiştirin

                            Listeler

                            • Çalışmaya başlamadan önce, 3BM kitine dahil olan ekipmanın mevcut olup olmadığını kontrol edin.
                            • Bir veya daha fazlasının yokluğunda çevre birimleri derhal VC'nin teknik ekibiyle iletişime geçmelisiniz.
                            • Çalışma alanınızı görsel olarak inceledikten sonra, 3BM'yi dikkatlice çalıştırabilirsiniz.

                            Bu örneğin sonucu Şekil l'de gösterilmiştir. 6.

                            Madde işaretli bir liste, her liste öğesinden önce genellikle içi dolu bir daire olan küçük bir işaretçi eklenerek tanımlanır. Listenin kendisi bir kap kullanılarak oluşturulur

                              ve her liste öğesi etiketiyle başlar
                            • Aşağıda gösterildiği gibi.

                              • İlk nokta
                              • ikinci nokta
                              • Üçüncü paragraf

                              Liste bir kapanış etiketi içermelidir.

                            , aksi takdirde bir hata oluşur. kapanış etiketi
                          • gerekli olmasa da, listenin öğelerini net bir şekilde ayırmak için her zaman eklemenizi öneririz.

                            Örnek 11-1, bir web sayfasına madde işaretli liste eklemek için kullanılan HTML kodudur.

                            Örnek 11.1. Madde işaretli bir liste oluşturun

                            maddeli liste


                            • Çeburaşka
                            • Timsah Genası
                            • Şapoklyak
                            • Sıçan Larisa

                            Bu örneğin sonucu Şekil l'de gösterilmiştir. 11.1.

                            Pirinç. 11.1. Madde işaretli liste görünümü

                            Listenin üstündeki, altındaki ve solundaki dolguya dikkat edin. Bu tür girintiler otomatik olarak eklenir.

                            İşaretçiler üç biçimden birini alabilir: daire (varsayılan), daire ve kare. Etiketin type niteliği, işaretçi stilini seçmek için kullanılır.

                              . İzin verilen değerler tabloda verilmiştir. 11.1

                              Sekme 11.1. Madde İşareti Stillerini Listeleme
                              Liste türü HTML Kodu Örnek
                              Daire şeklinde madde işaretleri içeren liste

                              • Birinci
                              • Saniye
                              • Üçüncü
                              Daire şeklinde madde işaretleri içeren liste

                              • Birinci
                              • Saniye
                              • Üçüncü
                              Kare madde işaretli liste

                              • Birinci
                              • Saniye
                              • Üçüncü

                              İşaretçilerin görünümü, yazı tipini ve metin boyutunu değiştirirken olduğu gibi, farklı tarayıcılarda da biraz değişebilir.

                              Kare işaretçilerle bir liste oluşturma Örnek 11.2'de gösterilmiştir.

                              Örnek 11.2. İşaretçi türü

                              maddeli liste

                              Değişen İnançlar

                              • dini inanç değişikliği (seçim için: Budizm, Konfüçyüsçülük, Hinduizm). Özel teklif- Musevilik ve İslam birlikte;
                              • sevilen tarafın yanılmazlığına olan inancın değişmesi;
                              • uzaylıların var olduğu inancı;
                              • türünün en iyisi olarak bir siyasi sistem tercihi (seçim için: feodalizm, sosyalizm, komünizm, kapitalizm).

                              Bu örneğin sonucu Şekil l'de gösterilmiştir. 11.2.