Seznami so eden pomembnih načinov za predstavitev podatkov in informacij, kjer je vsak zapis prikazan v eni vrstici. Obstajajo različni načini predstavitve podatkov na seznamu, na primer urejeno ali neurejeno. V tem seznamu bom obravnaval naslednje teme v Članek:
- Vrste seznamov v HTML
- Neurejeni seznam HTML
- Urejeni seznam HTML
- Opisni seznami HTML
- Vgnezden seznam v HTML
Vrste seznama v HTML
Preden začnemo ustvarjati seznam, si najprej oglejmo oznake HTML:
-
-
- Uporablja se za določanje elementa seznama
-
- Uporablja se za definiranje izraza na seznamu opisov
- Uporablja se za opis izraza na seznamu opisov
Razumejmo, kako lahko v HTML ustvarite različne vrste seznamov.
Neurejeni seznam
Za določitev neurejenega seznama v HTML uporabljamo
- in nato določimo seznam elementov v oznaka. Privzeto je seznam elementov označen z oznakami (tj. Majhnimi črnimi krogi).
Šport
- Kriket
- Nogomet
- Baseball
Izhod:
Neurejeni seznam HTML: različni označevalci elementov
Na seznamu označevalcev lahko izbirate s pomočjo lastnosti tipa sloga seznama CSS. Oglejmo si različne lastnosti tipa stila seznama CSS, ki jih lahko uporabite za določanje drugačnega sloga označevalnikov:
- disk : Nastavi oznako elementa seznama na oznako
- krog : Označevalnik elementa seznama nastavi v krog
- kvadrat : Nastavi oznako elementa seznama na kvadrat
- nobenega : Elementi seznama ne bodo označeni
Disk:
Šport
- Kriket
- Nogomet
- Baseball
Izhod:
Krog:
Šport
- Kriket
- Nogomet
- Baseball
Izhod:
Kvadrat:
Šport
- Kriket
- Nogomet
- Baseball
Izhod:
Brez:
Šport
- Kriket
- Nogomet
- Baseball
Izhod:
Zdaj, ko razumemo, kako ustvariti neurejeni seznam v HTML-ju, poglejmo, kako ustvariti urejeni seznam v HTML-ju.
Urejeni seznam
Za opredelitev urejenega seznama v HTML uporabljamo in nato določimo seznam elementov v oznaka.
Seznam elementov je privzeto označen s številkami.
Šport
- Kriket
- Nogomet
- Baseball
Izhod:
Zdaj pa si oglejmo nekatere različice urejenih seznamov.
Urejeni seznam HTML - Atribut vrste
Za urejeni seznam obstajajo različne vrste označevalnikov izdelkov:
type = ”1 ″ Elementi seznama bodo oštevilčeni s številkami (privzeto)
type = 'A' Elementi seznama bodo oštevilčeni z velikimi črkami
type = 'a' Elementi seznama bodo oštevilčeni z malimi črkami
type = 'I' Elementi seznama bodo oštevilčeni z velikimi rimskimi številkami
type = 'i' Elementi seznama bodo oštevilčeni z malimi črkami
Številke:
Šport
- Kriket
- Nogomet
- Baseball
Izhod:
Velike črke:
Šport
- Kriket
- Nogomet
- Baseball
Izhod:
Male črke:
Šport
- Kriket
- Nogomet
- Baseball
Izhod:
Velika črka Roman Nu mber s:
Šport
- Kriket
- Nogomet
- Baseball
Izhod:
Male rimske številke:
Šport
- Kriket
- Nogomet
- Baseball
Izhod:
Opisni seznami HTML
Sezname opisov lahko ustvarite tudi v HTML-ju. Seznam opisov se uporablja za ustvarjanje seznama izrazov in dodajanje opisa k njim. Seznam opisov ustvarite z uporabo
oznaka. oznaka definira izraz &
Šport
- Kriket
- Kriket je igra z netopirji in žogo z dvema ekipama enajstih igralcev na igrišču, v središču katerega je 20-metrsko igrišče z osebnim prehodom na obeh koncih, od katerih ima vsaka dve bali, uravnoteženi na treh štorih.
- Namizni tenis
- Namizni tenis, znan tudi kot ping-pong, je šport, pri katerem dva ali štirje igralci z majhnimi loparji udarijo po lahki žogi naprej in nazaj po mizi. Igra se odvija na trdi mizi, razdeljeni z mrežo.
Izhod:
kako nastaviti pot do razreda v Linuxu
Vgnezden seznam v HTML
Vgnezden seznam lahko ustvarite tudi v HTML-ju.
Šport
- Namizni tenis
- Kriket
- Virat kohli
- Joe Root
Izhod:
Zdaj po izvedbi zgornjih delčkov bi razumeli, kako ustvariti sezname v HTML-ju. Upam, da je ta spletni dnevnik informativen in dodane vrednosti za vas.
Oglejte si našo ki prihaja z usposabljanjem pod vodstvom inštruktorjev v živo in izkušnjami iz resničnega projekta. To usposabljanje vam omogoča, da obvladate veščine za delo z zalednimi in prednjimi spletnimi tehnologijami. Vključuje usposabljanje za spletni razvoj, jQuery, Angular, NodeJS, ExpressJS in MongoDB.
Imate vprašanje za nas? Prosimo, omenite ga v oddelku za komentarje v blogu »Seznam v HTML« in mi se bomo oglasili.