HTML-i loendistiilid - HTML-i loendistiilide tüübid koos näidetega

Sissejuhatus HTML-i loendistiilidesse

Loendites on andmete vormindatud viisil paigutamise üldine nõue, näiteks kui olete teinud veebilehe, kus peate kuvama hotelli pitsamenüü sisu, siis peaks see tõenäoliselt olema HTML-i loendistiil, mis kuvatakse selge ja diskreetne viis.
Muu juhtum võib olla see, kui teil on klassi õpilaste rida, kes esinesid klassi parimate osatäitjate seas, selles kontekstis nõutakse, et 1. auastme õpilane asetseks selle ülaosas ja teised selle all järjest suurenevas järjekorras. et peame selle vormindama sorteeritud loendisse.
Teiseks tüübiks võivad olla kohandatud loendid, mida saate teha koos javascripti ja html-iga, kus saab seadistada ka objektide dünaamikat ja loendid võivad võtta kohandatud väljavaate.

Erinevad HTML-i loendistiilid:

Allpool on toodud erinevad HTML-i loendistiilid järgmiselt -

1) järjestamata nimekirjad -

Siin ei ole sisu kuvamise järjekord asi, millest peame hoolima, lihtsalt peame asjad hästi paigutama nii, et HTML-leht paneb need kasutaja ees hästi vormindatud ja selgel viisil üles panema.

HTML-keeles on kaks silti, mis käsitlevad neid loendeid ja tõenäoliselt saate ka navigeerimisriba ja vertikaalse külgriba teha, kasutades ainult neid silte.

- : see tähistab loendielemente, üksuste komplekti, mis tuleb paigutada järjestamata loendisse, st
  - silt. Nende märgistustega tähistatud üksused kannavad alguses automaatselt täppe või ringe, need on HTML-i põhifunktsioonid.

Nüüd näeme koodi tükki

põhinevate järjestamata nimekirjade ja HTML-i väljanägemise korral, pärast selle faili käivitamist pange tähele, et saate redigeerijana kirjutada nagu notepad ja salvestada faili laiendiga „.html“, seega saab seda avada ükskõik millise brauseriga.

Koodijupi näide -
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äljund -
2) tellitud nimekirjad -

Nüüd näeme juhtumit, kus otsime paigutada õpilased järjestatud viisil, lähtudes nende klassist, ja see ilmub sorteeritud viisil, kasutades
1. silte, neil on loendiüksused selles.
  1. sildid.
  2. tag on ülalpool selgitatud.
    
    Vaatame nüüd ka selle juhtumi näidet ja peate selle salvestama nagu ülalpool tehtud.
    
    Näitekood -
    
    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äljund / HTML leht -
    
    Vaatame nüüd mõnda neist variantidest, kus neid loendeid saab kohandada või vormindada hästi, lisades HTML-lehele mõned CSS-i atribuudid, mis muudavad lehe väljanägemise paremaks.
    1. Korrastamata loendites on meile järgmised omadused -
    2. Loendi stiili tüüp - võib olla ketas, ring, ruut või puudub. Nii et suhtlusringe, mida nägite järjestamata loendiüksustes, ei kuvata, kui me siin ühtegi ei vali, siis teeme seda.
    Näide -
    
    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äljund / HTML leht -
    
    Nii, ringi täppe enam pole, saate seda ülaltoodud võimalustega kohandada.
    
    Samamoodi on tellimisnimekirjades säte, mis võimaldab valida, kas tellimisloendi väärtused kuvatakse numbrite või roomlaste või tähestikega.
    
    Saate määrata omandi tüübi