Štýly zoznamu HTML Typy štýlov zoznamu v HTML s príkladmi

Úvod do štýlov zoznamu HTML

Zoznamy sú bežnou požiadavkou na umiestnenie údajov formátovaným spôsobom, napríklad ak ste vytvorili webovú stránku, na ktorej musíte zobraziť obsah ponuky pizze hotela, pravdepodobne by to bol štýl zoznamu HTML, ktorý sa objaví v jasný a diskrétny spôsob.
Iným prípadom môže byť situácia, keď máte skupinu študentov, ktorí sa objavili medzi najlepšími výkonnými umelcami triedy. V tejto súvislosti bude požiadavkou umiestniť študenta prvého stupňa na najvyššiu úroveň a ostatných pod neho vo vzostupnom poradí podľa poradia. že to musíme naformátovať do zoradeného zoznamu.
Ďalším typom môžu byť vlastné zoznamy, ktoré môžete vytvoriť pomocou javascriptu a html spoločne, kde je možné nastaviť dynamiku v objektoch a zoznamy môžu mať prispôsobené výhľady.

Rôzne štýly zoznamu v HTML:

Nižšie sú uvedené rôzne štýly zoznamu HTML:

1) Neusporiadané zoznamy -

Poradie zobrazenia obsahu tu nie je niečo, o čo by sme sa mali starať, len musíme veci umiestniť dobre, aby stránka HTML umožňovala ich správne a zreteľné umiestnenie pred používateľa.

Existujú dve značky v jazyku HTML, ktoré spracovávajú tieto zoznamy, a pravdepodobne budete môcť vytvoriť aj navigačný panel a vertikálny bočný panel, ktorý bude používať iba tieto značky.

- : predstavuje položky zoznamu, množinu položiek, ktoré sa majú umiestniť do neusporiadaného zoznamu, tj
  - tag. Položky označené týmito značkami budú mať na začiatku automaticky nejaké guľky alebo kruhy, jedná sa o základné prvky HTML.

Teraz uvidíme kúsok kódu pre

na základe neusporiadaných zoznamov a toho, ako bude stránka HTML vyzerať, keď spustíte tento súbor, uvedomte si, že môžete písať v editore, ako napríklad Poznámkový blok a uložiť súbor s príponou „.html“, a preto ho môžete otvoriť v ktoromkoľvek prehliadači.

Príklad úryvku -
HTML Lists list of pizzas farmhouse peppy paneer onion pizza
HTML Lists list of pizzas farmhouse peppy paneer onion pizza
HTML Lists list of pizzas farmhouse peppy paneer onion pizza
- HTML Lists list of pizzas farmhouse peppy paneer onion pizza
- HTML Lists list of pizzas farmhouse peppy paneer onion pizza
- HTML Lists list of pizzas farmhouse peppy paneer onion pizza
HTML Lists list of pizzas farmhouse peppy paneer onion pizza

Výkon -
2) Objednané zoznamy -

Teraz uvidíme prípad, keď sa snažíme umiestniť študentov usporiadaným spôsobom na základe ich poradia v triede, a to sa objaví triedeným spôsobom pomocou
1. tagy, budú v nich uvedené položky zoznamu.
  1. tagy.
  2. značka bola vysvetlená vyššie.
    
    Pozrime sa teraz aj na tento prípad a musíte ho uložiť rovnako ako vyššie.
    
    Príklad kódu -
    
    HTML Lists list of students John Harris Plunket
    HTML Lists list of students John Harris Plunket
    HTML Lists list of students John Harris Plunket
    1. HTML Lists list of students John Harris Plunket
    2. HTML Lists list of students John Harris Plunket
    3. HTML Lists list of students John Harris Plunket
    HTML Lists list of students John Harris Plunket
    
    Výstup / HTML stránka -
    
    Teraz sa pozrime na niektoré ich varianty, kde tieto zoznamy môžeme prispôsobiť alebo dobre naformátovať iba pridaním niektorých vlastností CSS na stránku HTML, vďaka čomu bude vzhľad stránky vyzerať lepšie.
    1. V neusporiadaných zoznamoch máme nasledujúce vlastnosti, ktoré možno zadať -
    2. Zoznam štýlov - môže byť disk, kruh, štvorec alebo žiadny. Kruhy, ktoré ste videli v neusporiadaných položkách zoznamu, sa preto nezobrazia, ak tu nevyberieme žiadne, urobme to.
    Príklad -
    
    HTML Lists list of students John Harris Plunket
    HTML Lists list of students John Harris Plunket
    HTML Lists list of students John Harris Plunket
    - HTML Lists list of students John Harris Plunket
    - HTML Lists list of students John Harris Plunket
    - HTML Lists list of students John Harris Plunket
    HTML Lists list of students John Harris Plunket
    
    Výstup / HTML stránka -
    
    Takže guľky s guľkami už neexistujú, môžete ich prispôsobiť pomocou vyššie uvedených možností.
    
    Podobne v zoznamoch objednávok existuje ustanovenie na výber, či sa hodnoty zoznamu objednávok budú zobrazovať s číslicami alebo Rimanmi alebo abecedami.
    
    Môžete nastaviť typ vlastnosti v