loading...

Listede liste nasıl yapılır. Yeni başlayanlar için HTML-kılavuzu

Listede liste nasıl yapılır. Yeni başlayanlar için HTML-kılavuzu

Web sitelerinin sayfaları birçok unsurdan oluşmaktadır -tablolar, resimler, linkler, medya dosyaları, listeler. En çok aranan eşyalardan sadece bir tanesidir. Yardımı ile bilgiyi organize edebilir, algılamayı kolaylaştırmak için daha kısa ve anlaşılır bir formda sunabilirsiniz. Bu yüzden HTML'de nasıl bir liste yapılacağını ve ne tür listeler olduğunu bilmelisiniz. Ayrıca gerekli parametreleri nasıl ayarlayacağınızı da öğrenin.

Liste Türleri

İlk olarak, çalışabileceğimiz ana liste türlerini ana hatlarıyla belirtelim. Bu sıralı, sırasız ve açılan bir listedir.

İlk, içeriği sayı ve harflerle numaralandırmanıza olanak tanır. İkincisi, bu veya diğer öğelerin normal bir numaralandırmasıdır, üçüncüsü tüm listeden istediğiniz öğeyi seçmenize izin verir.

Hemen hemen her biri listede bir liste içerebilir. HTML, çok kısa bir sürede karmaşık bilgi listelerini kolayca oluşturmanızı sağlar.

Her şeyden önce, hangi listelere ihtiyacınız olduğuna karar verin ve ardından oluşturmaya devam edin. Aşağıda, üç tür listeye bakacağız ve bunları tam olarak nasıl oluşturacağımızı ve hangi parametrelere sahip olduklarını öğreneceğiz.

html listesinde liste

Sipariş edilen liste

En çok kullanılan ile başlayalım veortak bir liste - düzenli olarak. Bu durumda, herhangi bir bilginin transferi belirli bir düzen içinde gider ve öğelerin her numaralandırılmış. Örneğin, bir sınıf listesi:

  1. Ivanov.
  2. Petrov.
  3. Sidorov, vb.

Çift etiketlerini kullanarak böyle bir listeyi belirtir <ol>ve </ ol>. Açılış etiketi <ol> ile başlar ve bir </ ol> etiketi ile biter. Listenin her yeni öğesi, <li> etiketi ile başlar ve kapanış </ li> ile biter.

Artık bir HTML listesi oluşturmayı biliyorsunuz. Gördüğünüz gibi, bunun için sadece iki etiketi hatırlamak yeterlidir.

<Ol> - tip etiketinin parametreleri hakkında biraz bilgivebaşlatın.

İlki numaralandırma tipini belirtir - alfabetik veya sayısal. Bu tür parametreleri alabilir: A, a, I, i, 1.

İlk iki değer Latince bir numaralandırmayı belirtirharfler - büyük ve küçük harf, ikinci iki - büyük ve küçük Romen rakamları, bu listenin Arap rakamları ile numaralandırılmasını istiyorsanız ikinci değer kullanılır.

Varsayılan listelerde numaralandırmanın her zaman Arap rakamları kullanılarak belirtildiğine dikkat edilmelidir.

İkinci parametre - başlangıç ​​- listenin numaralandırılmasının başladığı sayıyı belirtir.

Birkaç kelime ve <li> etiketinin parametreleri hakkında diyelim. Ayrıca iki tane var. İlk değer parametresi numaralandırma sırasını değiştirebilir. Ve bu parametrenin tekrar kaydedilmediği an (veya tüm listenin sonuna kadar) değiştirilecektir.

İkinci parametre - türü - bu öğe için numaralandırma türünü değiştirmeye yardımcı olacaktır. Oldukça karmaşık bir listenin bir varyantı var. Örneğin, yaklaşık bir yazı yazalım:

  1. Giriş.
  2. Ana bölüm.
    a) başkalarının görüşleri;
    c) benim düşüncem;
    c) Kanıt.
  3. Sonuçlar.

HTML listesinde böyle bir liste oluşturmak güzelBasit. Bir ana liste yazmak yeterlidir ve ardından ikinci bir alt öğeyi farklı bir numaralandırma kullanarak doğru yerde oluşturun. İşte listemize dayanan bir örnek kod:

  • <ol type = "1">.
  • <li> 1. Giriş </ li>.
  • <li> 2. Ana parça </ li>.
  • </ ol type = "A">
  • <li> başkalarının görüşleri </ li>.
  • <li> Fikrim </ li>.
  • <li> kanıt </ li>.
  • </ ol>.
  • <li> 3. Sonuçlar </ li>.
  • </ ol>.

Sırasız liste

İkinci tür liste sıralanmamıştır. Öğelerin hangi sırada gittiği önemli değil. Bir şeylerin listesi olabilir - alımlar, misafirler, kitaplar, vb.

bir html listesi nasıl yapılır

Bu liste <ul> ve </ ul> eşleştirilmiş etiketi kullanılarak belirtilir. Bu durumda, her yeni öğe aynı eşleştirilmiş etiket <li> </ li> ile başlar.

Yardımı ile sadece bir parametre - tipi varMarker türü olan. İşaretçi, boyalı bir karenin yanı sıra, bir daire - boyalı veya olmayabilir. Yani, boş bir daire, değer diskine, gölgeli daireye sahiptir. Kare kare ile verilir.

Bir HTML listesinde bir liste oluşturmak için bir olasılık vardır. Bu amaçla, ilk örneğinde olduğu gibi, ana ikinci bunlardan biri iki listeleri oluşturmak için gerekli olan - yatırım yaptı.

Açılır liste

açılan liste htmlVe son liste listeleri bir açılır. Temel olarak, komut dosyaları ile kullanılır ve kullanıcının bu bilgileri veya bu bilgileri sitenin sahiplerine veya belirli bir programa göndermesine hizmet eder.

Örnekler, sizin içinikamet ettiğiniz ülkeyi, çalışma veya iş yerini, doğum tarihini, bir makalenin değerlendirilmesini vb. seçmelisiniz. Bunu yaparken, bilgiyi göndermeden önce listeden ihtiyacınız olan öğeyi seçersiniz.

Geçerken,bir açılır liste oluşturulur. HTML, liste verileri oluşturmak için tam işlevselliğe sahip değil. Bu tür bir liste ile çalışırken, yalnızca sayfa düzeninin temellerini bilmeniz gerekmediğini, ayrıca CSS stilleri ve java komut dosyalarını da bilmeniz gerektiğini unutmayın.

Liste, <select> </ select> eşleştirilmiş etiketleri kullanılarak belirtilir.

Her yeni öğe <option> </ option> çiftli etiketiyle başlar.

Sitenizde böyle bir liste oluşturmaya karar verirseniz, motorunuza özel eklemeler bulmanızı öneririz. Bununla birlikte, bir açılır liste oluşturmak kendiniz yazmaktan çok daha kolaydır.

html bir liste nasıl yapılır

bulgular

En çok kullanılan öğelerden birisite sayfaları - listeler. Basit parametrelerle sadece birkaç etiketi kullanarak bunları oluşturun. İsterseniz, listede bir liste yapabilirsiniz. HTML işaretlemesi, birkaç dakika içinde oluşturmanıza olanak tanır.

loading...


Related news

  • Urban Decay Naked Petite Heat palet incelemesi
  • Bir erkeğin Başakla nasıl uzlaşılır Onunla nasıl davranmalı ve olmamalı
  • Evde nasıl dua edilir
  • Hasar Görmüş Saçlara Ev Yapımı Çözümler
  • Kombucha Mucizesi Nedir

  • Listede liste nasıl yapılır. Yeni başlayanlar için HTML-kılavuzu

    Listede liste nasıl yapılır. Yeni başlayanlar için HTML-kılavuzu


    Listede liste nasıl yapılır. Yeni başlayanlar için HTML-kılavuzu

    Listede liste nasıl yapılır. Yeni başlayanlar için HTML-kılavuzu

    Listede liste nasıl yapılır. Yeni başlayanlar için HTML-kılavuzu

    Listede liste nasıl yapılır. Yeni başlayanlar için HTML-kılavuzu

    Listede liste nasıl yapılır. Yeni başlayanlar için HTML-kılavuzu

    Listede liste nasıl yapılır. Yeni başlayanlar için HTML-kılavuzu

    Listede liste nasıl yapılır. Yeni başlayanlar için HTML-kılavuzu

    Listede liste nasıl yapılır. Yeni başlayanlar için HTML-kılavuzu

    Listede liste nasıl yapılır. Yeni başlayanlar için HTML-kılavuzu

    Listede liste nasıl yapılır. Yeni başlayanlar için HTML-kılavuzu

    Listede liste nasıl yapılır. Yeni başlayanlar için HTML-kılavuzu

    Listede liste nasıl yapılır. Yeni başlayanlar için HTML-kılavuzu

    Listede liste nasıl yapılır. Yeni başlayanlar için HTML-kılavuzu

    Listede liste nasıl yapılır. Yeni başlayanlar için HTML-kılavuzu

    Listede liste nasıl yapılır. Yeni başlayanlar için HTML-kılavuzu

    Listede liste nasıl yapılır. Yeni başlayanlar için HTML-kılavuzu

    Listede liste nasıl yapılır. Yeni başlayanlar için HTML-kılavuzu

    Listede liste nasıl yapılır. Yeni başlayanlar için HTML-kılavuzu

    Listede liste nasıl yapılır. Yeni başlayanlar için HTML-kılavuzu

    Listede liste nasıl yapılır. Yeni başlayanlar için HTML-kılavuzu

    Listede liste nasıl yapılır. Yeni başlayanlar için HTML-kılavuzu