HOGYAN LEHET KÜLÖNBÖZŐ TÍPUSÚ LISTÁKAT MEGVALÓSÍTANI A HTML-BEN?

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:

Listák típusai a HTML-ben
Rendezetlen HTML lista
Rendezett HTML lista
HTML leírási listák
Beágyazott lista HTML-ben

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:

- 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
- 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 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:
  Kör:
```
 Sport
  Krikett
 Futball
 Baseball
 
 
```
  Kimenet:
  Négyzet:
```
 Sport
  Krikett
 Futball
 Baseball
 
 
```
  Kimenet:
  vizuális stúdió oktatói kezdőknek
  Egyik sem:
```
 Sport
  Krikett
 Futball
 Baseball
 
 
```
  Kimenet:
  Miutá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
  1. címke.
    Alapértelmezés szerint az elemek listáját számokkal jelölik.
```
 Sport
  Krikett
 Futball
 Baseball
 
 
```
    Kimenet:
    Most 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
  Krikett
 Futball
 Baseball
 
 
```
    Kimenet:
    Nagybetűs:
```
 Sport
  Krikett
 Futball
 Baseball
 
 
```
    Kimenet:
    Kisbetűk:
```
 Sport
  Krikett
 Futball
 Baseball
 
 
```
    Kimenet:
    Nagybetűs Roman Nu mber s:
```
 Sport
  Krikett
 Futball
 Baseball
 
 
```
    Kimenet:
    
    Kisbetűs római számok:
```
 Sport
  Krikett
 Futball
 Baseball
 
 
```
    Kimenet:
    
    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
    
    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.