Kuinka toteuttaa erityyppisiä luetteloita HTML-muodossa?



Tämä artikkeli antaa sinulle yksityiskohtaisen ja kattavan tiedon erityyppisistä HTML-luettelotyypeistä esimerkkien ja koodin kanssa.

Luettelot ovat yksi tärkeistä tavoista esittää tietoja, joissa kukin tietue näytetään yhdellä rivillä. On olemassa useita tapoja esittää tietoja luettelossa, esimerkiksi järjestetyllä tavalla tai järjestämättömällä tavalla. Käsittelen seuraavia aiheita tässä luettelossa artikla:

Luettelotyypit HTML-muodossa

Ennen kuin aloitamme luettelon luomisen, tarkastellaan ensin HTML-tunnisteita:





    • Käytetään määrittämään järjestämätön luettelo
      1. Käytetään järjestetyn luettelon määrittelemiseen
      2. Käytetään luettelokohteen määrittelemiseen
      3. Määrittää kuvausluettelon
      4. Käytetään määritellä termi kuvausluettelossa
      5. Käytetään kuvaamaan termiä kuvausluettelossa

    Ymmärretään, miten voit luoda erilaisia ​​luetteloita HTML-muodossa.

    Järjestämätön luettelo

    Määritä järjestämätön luettelo käytetyssä HTML-muodossa

      ja määritämme sitten luettelon kohteista
    • tag. Oletusarvoisesti luettelo tuotteista on merkitty luettelomerkkeillä (eli pienillä mustilla ympyröillä).



       

      Urheilu

      • Kriketti
      • Jalkapallo
      • Baseball

      Tuotos:

      Järjestämätön luettelo HTML-muodossa

      Järjestämätön HTML-luettelo: Erilaiset tuotemerkit



      Voit valita merkintäluettelosta käyttämällä CSS-luettelotyylityyppistä ominaisuutta. Tarkastellaan erilaisia ​​CSS-luettelotyyppisiä ominaisuuksia, joiden avulla voit määrittää erilaisten merkkien tyylin:

      • levy : Asettaa luettelokohteen merkinnän luettelomerkiksi
      • ympyrä : Asettaa luettelokohteen merkinnän ympyräksi
      • neliö- : Asettaa luettelokohteen merkinnän neliöksi
      • ei mitään : Luettelokohteita ei merkitä

      Levy:

       

      Urheilu

      • Kriketti
      • Jalkapallo
      • Baseball

      Tuotos:

      Levy HTML-muodossaYmpyrä:

       

      Urheilu

      • Kriketti
      • Jalkapallo
      • Baseball

      Tuotos:

      Circle-List HTML-muodossaNeliö:

       

      Urheilu

      • Kriketti
      • Jalkapallo
      • Baseball

      Tuotos:

      kuinka sekoittaa tietoja taulukkoon

      SquareEi mitään:

       

      Urheilu

      • Kriketti
      • Jalkapallo
      • Baseball

      Tuotos:

      NoneKun ymmärrämme järjestämättömän luettelon luomisen HTML-muodossa, ymmärretään, miten tilattu luettelo luodaan HTML-muodossa.

      Tilattu luettelo

      Määritämme järjestetyn luettelon HTML-muodossa, jota käytämme

        ja määritämme sitten luettelon kohteista
      1. tag.
        Oletusarvoisesti luettelo tuotteista on merkitty numeroilla.

         

        Urheilu

        1. Kriketti
        2. Jalkapallo
        3. Baseball

        Tuotos:

        Järjestetty luettelo HTML-muodossaKatsotaan nyt joitain tilattujen luetteloiden muunnelmia.

        Järjestetty HTML-luettelo - tyypin attribuutti

        Tilatulle listalle on olemassa erilaisia ​​tuotemerkkejä:

        • tyyppi = ”1” Luettelokohteet numeroidaan numeroilla (oletus)

        • tyyppi = ”A” Luettelon kohteet numeroidaan isoilla kirjaimilla

        • tyyppi = ”a” Luettelon kohteet numeroidaan pienillä kirjaimilla

        • tyyppi = ”I” Luettelon kohteet numeroidaan isoilla latinalaisilla numeroilla

        • tyyppi = ”i” Luettelon kohteet numeroidaan pienillä latinalaisilla numeroilla

        Numerot:

         

        Urheilu

        1. Kriketti
        2. Jalkapallo
        3. Baseball

        Tuotos:

        NumbersIsot kirjaimet:

         

        Urheilu

        1. Kriketti
        2. Jalkapallo
        3. Baseball

        Tuotos:

        Iso kirjainPienet kirjaimet:

         

        Urheilu

        1. Kriketti
        2. Jalkapallo
        3. Baseball

        Tuotos:

        Pieni kirjainIsot kirjaimet Roman Nu mber s:

         

        Urheilu

        1. Kriketti
        2. Jalkapallo
        3. Baseball

        Tuotos:

        Isojen kirjainten roomalainen numero

        Pienet roomalaiset numerot:

         

        Urheilu

        1. Kriketti
        2. Jalkapallo
        3. Baseball

        Tuotos:

        Pienet roomalaiset numerot

        HTML-kuvausluettelot

        Voit myös luoda kuvausluetteloita HTML-muodossa. Kuvausluetteloa käytetään termiluettelon luomiseen ja kuvauksen lisäämiseen niihin. Voit luoda kuvausluettelon

        tag.
        tag määrittelee termin &
        tag lisää kuvauksen niihin.

         

        Urheilu

        Kriketti
        Kriketti on lepakko- ja pallopeli, jota pelataan kahden 11 pelaajan joukkueen välillä kentällä, jonka keskellä on 20 metrin kenttä, jossa molemmissa päissä on portti.
        Pöytätennis
        Pöytätennis, joka tunnetaan myös nimellä ping-pong, on urheilulaji, jossa kaksi tai neljä pelaajaa lyö kevyeen palloon edestakaisin pöydän yli pienillä mailoilla. Peli tapahtuu kovalla pöydällä jaettuna verkolla.

        Tuotos:

        Sisäkkäinen luettelo HTML-muodossa

        Voit myös luoda sisäkkäisen luettelon HTML-muodossa.

        mitä eroa javascriptin ja jqueryn välillä on
         

        Urheilu

        • Pöytätennis
        • Kriketti
          • Virat kohli
          • Joe Root
      2. Koripallo

    Tuotos:

    Nyt kun olet suorittanut yllä olevat katkelmat, olisit ymmärtänyt, kuinka luoda luetteloita HTML-muodossa. Toivon, että tämä blogi on informatiivinen ja lisäarvoa sinulle.

    Katso meidän joka sisältää ohjaajan vetämän live-koulutuksen ja tosielämän projektikokemuksen. Tämä koulutus antaa sinulle taitoja työskennellä back-end- ja front-end-verkkoteknologioiden kanssa. Se sisältää koulutusta verkkokehityksestä, jQuerystä, Angularista, NodeJS: stä, ExpressJS: stä ja MongoDB: stä.

    Onko sinulla kysymys meille? Mainitse se 'List in HTML' -blogin kommenttiosassa ja palaamme sinuun.