Hogyan lehet különböző típusú listákat megvalósítani a HTML-ben?

Ez a cikk részletes és átfogó ismereteket nyújt a HTML-listák különböző típusairól, példákkal és kóddal.

A listák az adatok és információk megjelenítésének egyik fontos módja, ahol az egyes rekordok egy sorban jelennek meg. Az adatok listában történő megjelenítésének különféle módjai vannak, például rendezetten vagy rendezetlenül. A lista következő témáival foglalkozom itt: cikk:



Listatípusok a HTML-ben

Mielőtt elkezdenénk létrehozni egy listát, először nézzük meg a HTML-címkéket:



    • Rendezetlen lista definiálására szolgál
      1. Rendezett lista meghatározására szolgál
      2. Listatétel meghatározására szolgál
      3. Leírási lista definiálására szolgál
      4. Meghatározza a kifejezést a leírási listában
      5. A kifejezés leíráslistában történő leírására szolgál

    Tisztázzuk, hogyan hozhat létre különféle listákat HTML-ben.

    Rendezetlen lista

    Rendezetlen lista definiálása az általunk használt HTML-ben

      tag, majd meghatározzuk az elemek listáját
    • címke. Alapértelmezés szerint az elemek listáját felsorolásjelekkel (azaz kis fekete körökkel) jelölik.



       

      Sport

      • Krikett
      • Futball
      • Baseball

      Kimenet:

      Rendezetlen lista HTML-ben

      Rendezetlen HTML lista: Különböző elemjelölők



      Választhat a jelölők listájából a CSS list-style típusú tulajdonság használatával. Vizsgáljuk meg a különböző CSS lista-stílusú tulajdonságokat, amelyekkel meghatározhatja a markerek különböző stílusát:

      • lemez : A listaelem jelölőjét felsorolásgombra állítja
      • kör : A listaelem jelölőt körré állítja
      • négyzet : A listaelem jelölőt négyzetre állítja
      • egyik sem : A listaelemeket nem jelöljük meg

      Lemez:

       

      Sport

      • Krikett
      • Futball
      • Baseball

      Kimenet:

      Lemez HTML-benKör:

       

      Sport

      • Krikett
      • Futball
      • Baseball

      Kimenet:

      Kör-lista HTML-benNégyzet:

       

      Sport

      • Krikett
      • Futball
      • Baseball

      Kimenet:

      vizuális stúdió oktatói kezdőknek

      SquareEgyik sem:

       

      Sport

      • Krikett
      • Futball
      • Baseball

      Kimenet:

      NoneMiután megértette, hogyan kell rendezetlen listát létrehozni HTML-ben, értsük meg, hogyan lehet rendezett listát létrehozni HTML-ben.

      Rendezett lista

      Rendezett lista definiálására az általunk használt HTML-ben

        tag, majd meghatározzuk az elemek listáját
      1. címke.
        Alapértelmezés szerint az elemek listáját számokkal jelölik.

         

        Sport

        1. Krikett
        2. Futball
        3. Baseball

        Kimenet:

        Rendezett lista HTML-benMost nézzük meg a rendezett listák néhány változatát.

        Rendezett HTML lista - típusattribútum

        Különböző típusú jelölők vannak egy rendezett listához:

        • type = ”1” A listaelemeket számokkal számozzuk (alapértelmezett)

        • type = „A” A listaelemeket nagybetűkkel számozzuk

        • type = ”a” A listaelemeket kisbetűkkel számozzuk

        • type = „I” A listaelemeket nagybetűs római számokkal számozzuk

        • type = „i” A listaelemeket kisbetűs római számokkal számozzuk

        Számok:

         

        Sport

        1. Krikett
        2. Futball
        3. Baseball

        Kimenet:

        NumbersNagybetűs:

         

        Sport

        1. Krikett
        2. Futball
        3. Baseball

        Kimenet:

        NagybetűKisbetűk:

         

        Sport

        1. Krikett
        2. Futball
        3. Baseball

        Kimenet:

        Kisbetűs levélNagybetűs Roman Nu mber s:

         

        Sport

        1. Krikett
        2. Futball
        3. Baseball

        Kimenet:

        Nagybetűs római szám

        Kisbetűs római számok:

         

        Sport

        1. Krikett
        2. Futball
        3. Baseball

        Kimenet:

        Kisbetűs római számok

        HTML leírási listák

        Leírási listákat HTML-ben is létrehozhat. A leíráslista a kifejezések listájának létrehozására és leírás hozzáadására szolgál. A segítségével létrehozhat egy leírási listát

        címke.
        tag meghatározza a & kifejezést
        tag leírást ad hozzájuk.

         

        Sport

        Krikett
        A krikett egy ütő-labda játék, amelyet két tizenegy játékosból álló csapat játszik egy olyan pályán, amelynek középpontjában egy 20 méteres pálya található, mindkét végén egy kapuval, amelyek mindegyike két tuskót tartalmaz, három tuskón kiegyensúlyozva.
        Asztali tenisz
        Az asztali tenisz, más néven pingpong, olyan sportág, amelyben két vagy négy játékos kicsi ütőkkel oda-vissza eltalál egy könnyű labdát az asztalon. A játék egy kemény asztalon zajlik, hálóval osztva.

        Kimenet:

        Beágyazott lista HTML-ben

        Beágyazott listát HTML-ben is létrehozhat.

        futtassa a kaptár lekérdezését a parancssorból
         

        Sport

        • Asztali tenisz
        • Krikett
          • Virat kohli
          • Joe Root
      2. Kosárlabda

    Kimenet:

    A fenti kivonatok végrehajtása után megértette, hogyan kell listákat létrehozni HTML-ben. Remélem, hogy ez a blog informatív és hozzáadott értéket jelent Önnek.

    Nézze meg a mi oldalunkat amely oktató által vezetett élő képzéssel és valós projekt-tapasztalattal jár. Ez a képzés elsajátítja a back-end és a front-end webes technológiák használatának képességeit. Ez magában foglalja a webfejlesztés, a jQuery, az Angular, a NodeJS, az ExpressJS és a MongoDB képzését.

    Van egy kérdésünk? Kérjük, említse meg a „Lista HTML-ben” blog megjegyzés rovatában, és mi kapcsolatba lépünk Önnel.