Nabrajanja i numerisane liste HTML

Postoje dva tipa lista, u jeziku HTML: naredili i neuređene. Njihova kreacija je gotovo isti. Čak tagovi se razlikuju po jedan znak. Takođe možete kreirati liste multi-level, koje mogu uključivati i numerirane i marker.

Ove liste se može pretvoriti po volji. To sve ovisi o vašoj mašti. Prvo, uzmemo u obzir standardne liste, kao što su Word, a onda ćemo ih poboljšati i da od svih priznanja.

Numerisane HTML lista

Neutralan naredio HTML liste se mogu kreirati pomoću sljedeće tagove:

1. Prva stavka Lista

2. Druga stavka Lista

3. Treća stavka Lista

   Jednostavan listu ovde izgledati

   Prema standardima, svaku stavku u listi mora biti unutar otvaranje i zatvaranje tag Li. Ali, ako ne stavi zatvaranje citat, rezultat je potpuno isti. Rutina je vrlo pametan. Tokom liste konverzije, on analizira otvaranje oznaka. Ako vidi novi

4. , a zatim ih automatski stavlja ispred .

   Dakle, liste se može učiniti kao što je prikazano u nastavku.

   Ali iz ugla stručnjaka je netočna.

   liste nabrajanja

   Neobeleženi (ili marker) liste su potpuno isti, samo umjesto ol oznake pismenog ul.

   U liste nabrajanja, ni brojeve ili slova - samo različite karaktere, koji se nazivaju markera.

   Multilevel numerisane liste HTML

   Mnogi ljudi su zainteresovani za takvu priliku. Stoga, treba napomenuti da je bilo koji HTML listu brojeva može biti na više razina. Dodatni slojevi mogu biti isti ili oznakom.

   Da biste napravili listu koji je naveden u gornjem primjeru, potrebno je da napiše sljedeće.

   Imajte na umu da u ovaj kod, za razliku od prvog primjer, dodao atribut tipa. Zahvaljujući njemu, možete odrediti vrstu za sortiranje i brojevima i za liste marker.

   Za brojevima navesti vrstu abecede ili brojeva, a za preostalih slučajeva - tip markera.

   sortiranje liste opcija

   Ako koristite posebne HTML-oznake, u listi može biti bilo koji način koji želite.

   Možete odrediti atribut na bilo koju vrijednost iz tabele tipa. Ili učionica stil CSS navesti list-style-type sa željenim tipa sortiranje.

   Prevođenje vrijednosti je vrlo jednostavan. Dovoljno osnovno znanje engleskog jezika. Ali čak i ako ne možete prevesti riječ "krug", "kvadrat", i tako dalje. N., možete vizualno vidjeti što je rezultat kada navedete te vrijednosti u atribut tipa.

   Za brojne liste, potrebno je koristiti sljedeće opcije:

   • 1 - arapskim brojevima;
   • A - velika slova ;
   • a - mala slova;
   • I - velika slova rimskim brojevima;
   • i - mala rimskim brojevima.

   Po defaultu, lista se uvijek koristi sa arapskim brojevima. To jest, ako se ništa ne precizira, to je ekvivalentno type = "1".

   Pored toga, u listi može početi na bilo koju željenu poziciju. Uobičajeno - zaključak 1. Ali ako želite možete čak i početi sa stotinu. Da biste to učinili, morate odrediti početak atribut sa bilo koju vrijednost.

   Osim toga, može se zaključiti u obrnutom redoslijedu. Da biste to učinili, pišu obrnuto.

   Izrada liste

   Numerisane HTML lista može se dogovoriti tako lijepo da ne možete odmah pogoditi da je to uobičajena lista, a ne slika napravljen u Photoshopu.

   Ovdje su lijepe primjere liste.

   Kao što se vidi iz primjera, moguće je promijeniti izgled i brojevima samih elemenata.

   Možete kreirati redovni popis ovako.

   U stilova CSS trebate odrediti dizajn za OL oznaku. Imajte na umu da u ovom slučaju, postavke će se primijeniti na sve liste sve lokacije koje koriste ovaj stil datoteke.

   Razmotrimo prvo utjelovljenje s kružnim kontrolnu listu. Povratak na listu koda. Postoji Set klase zaobljeni-liste. To je to sa ovom času potrebe da se petljam, da takve ljepote. Pozovite klase vi kako želite.

   Sada razmotrite kvadrat dizajna.

   Stilovi su vrlo slični. Razlika je u tome u prvom slučaju postoji zaokruživanja element kroz opcije CSS.

   Podrška preglednika

   Važno je shvatiti da nisu svi preglednici podržavaju sve atribute CSS.

   Na primjer, želite da napravite listu brojeva u sredini. HTML-kod će biti isti, ali je rezultat u starijim preglednicima može biti sasvim drugačija.

   Isto se odnosi i na dizajn numeracije.

   Kao što možete vidjeti, nije se pojavio na trgovima oko brojeve u starijim verzijama Internet Explorera, jer rukovatelj ne zna nove atribute koje vam omogućuju da donese takvu registraciju.

   Profesionalni programer mora predvidjeti i shvatiti da nisu svi korisnici koriste moderne računala. Nije sve instalirane Windows 7, 8, 10. Tu je postotak korisnika koji još uvijek sjedi na Windows XP i koristi stariju verziju Internet Explorera.

   Po pravilu, gotovo sve moderne dizajne da poboljšaju svoju elementi nisu podržani. Korisnik će se osjećati da on nije radio na dizajnu stranice. Da su svi iselili. Elementi su skupljene zajedno. Da biste to izbegli, morate računati sve opcije.

   Neki webmasteri okreću glavu od njih, jer je njihov udio na tržištu danas je sve manje i manje. Ali, za profesionalne cijeniti svakog posjetitelja, posebno ako je u pitanju komercijalni stranice.

   Učini nešto pogodan za sve ili razmotriti sve opcije za preglednik.