Obrisan in oštevilčen seznam HTML

V HTML-ju sta dve vrsti seznama: oštevilčeni in neštevilčeni. Njihovo ustvarjanje je skoraj enako. Tudi oznake so drugačne za en znak. Prav tako lahko ustvarite večvrstne sezname, ki lahko vsebujejo oštevilčene in označevalne sezname.

Te sezname lahko spremenite, kot želite. Vse je odvisno od vaše domišljije. Najprej bomo pregledali standardne sezname, enako kot v urejevalniku besedil, nato pa jih bomo izboljšali in razkrili neprestano.

Oštevilčen seznam HTML

Redno oštevilčeno Seznam HTML lahko ustvarite z naslednjimi oznakami:

Preprosti seznami so videti takole

V skladu s standardi mora biti vsak element na seznamu znotraj oznake odprtja in zapiranja. Če pa ne zapišete končne oznake, bo rezultat točno enak. Procesor je zelo pameten. Med pretvorbo seznama analizira začetne oznake. Če vidi novega

Seznami torej lahko naredimo, kot je prikazano spodaj.

Toda z vidika strokovnjakov je to napačno.

Označeni seznami

Brezštevilčeni (ali označevalni) seznami so ustvarjeni na enak način, le ul, namesto oznake ol, je napisana.

V Ljubljani seznami z oznako brez številk ali črk - samo različni simboli, ki se imenujejo označevalci.

Večstranski oštevilčen seznam HTML

Mnoge uporabnike zanima ta možnost. Zato je treba opozoriti, da se lahko vsak oštevilčen seznam HTML naredi na več ravneh. Dodatne ravni so lahko enake ali označene.

Če želite ustvariti seznam, naveden v zgornjem primeru, morate vnesti naslednje.

Upoštevajte, da v tej kodi za razliko od prvih primerov dodamo atribut tipa. Zahvaljujoč temu lahko določite vrsto razvrščanja za oštevilčene in označevalne sezname.

Za oštevilčeno označujemo abecedo ali vrsto številk in za druge primere - tip oznake.

Možnosti razvrščanja seznama

Če uporabljate posebno oznako HTML, je oštevilčen seznam lahko vse, kar želite.

Atribut tipa lahko določite s katero koli vrednostjo iz tabele. Ali pa v razredu CSS slogu navedite vrsto sloga seznama z želeno vrsto vrste.

Prevod vrednot je precej preprost. Dovolj osnovnega znanja angleškega jezika. Toda tudi če ne morete prevesti besed "krog", "kvadrat" itd., Lahko vizualno razumete, kakšen bo rezultat, ko boste v atributu tipa določili te vrednosti.

Za oštevilčene sezname morate uporabiti naslednje možnosti:

• 1 - arabske številke;
• A - kapital latinske črke;
• a - majhne latinske črke;
• I - rimske kapitalske številke;
• i - majhne rimske številke.

Privzeto je seznam z Arabske številke. To pomeni, da če niste ničesar navedli, je to enakovredno tipu = "1".

Poleg tega lahko oštevilčene sezname začnete s poljubnega želenega položaja. Privzeto - izhod od 1. Če želite, lahko začnete z vsaj sto. Če želite to narediti, morate določiti začetni atribut s poljubno vrednostjo.

Poleg tega je mogoče sklepati tudi v obratnem vrstnem redu. Če želite to narediti, napišite napačno.

Registracija seznamov

Oštevilčen seznam HTML je lahko zasnovan tako lepo, da ne morete takoj uganiti, da je to navaden seznam, in ne slika v Photoshopu.

Tu so primeri lepih seznamov.

Kot lahko vidite iz primera, lahko spremenite videz oštevilčenja in samih elementov.

Ustvarite lahko navaden seznam, kot je ta.

V slogah CSS morate določiti postavitev oznak ol. Upoštevajte, da bodo v tem primeru nastavitve veljale za vse sezname celotnega spletnega mesta, kjer se uporablja ta slogovna tabela.

Najprej preuči možnost z oblikovanjem okroglega seznama. Vrnite se na kodo seznama. Obstaja vrsta zaokroženih seznamov. To je s tem razredom, ki ga potrebujete, da bi naredili takšno lepoto. Razred lahko poimenujete, kot želite.

Zdaj upoštevajte kvadratni dizajn.

Stili so zelo podobni. Razlika je v tem, da se v prvem primeru element zaokroži z uporabo zmogljivosti CSS.

Podpora brskalnika

Pomembno je razumeti, da vsi brskalniki ne podpirajo vseh css atributov.

Na primer, želite narediti oštevilčen seznam v središču. HTML koda bo enaka, vendar je rezultat v starejših brskalnikih lahko precej drugačen.

Enako velja za registracijo oštevilčenja.

Kot lahko vidite, se kvadratki okrog številk v starejših različicah brskalnika IE niso pojavili, saj vodnik ne pozna novih atributov, ki omogočajo to.

Strokovni spletni oblikovalec mora predvideti in razumeti, da vsi uporabniki ne uporabljajo sodobnih računalnikov. Ni vsakdo, ki ima Windows 7, 8, 10. Obstaja odstotek uporabnikov, ki še vedno sedijo v operacijskem sistemu Windows XP in uporabljajo starejše različice brskalnika Internet Explorer.

Praviloma jih skoraj ne podpirajo skoraj vse sodobne izboljšave elementov. Uporabnik bo menil, da načrt spletnega mesta sploh ni deloval. Da se je vse premaknilo. Elementi tečejo drug v drugega. Da bi se temu izognili, morate izračunati vse možnosti.

Nekateri spletni skrbniki jim sledijo, saj njihov delež na sedanjem trgu postaja manjši in manjši. Toda za poklicnega je vsak obiskovalec pomemben, še posebej, če gre za komercialno spletno stran.

Naredite nekaj primernega za vse ali upoštevajte vse različice brskalnikov.