Grafičkim oznakama i numerirane popise HTML

Postoje dvije vrste popisa, u jeziku HTML: naručeni i neuređen. Njihovo stvaranje je gotovo isti. Čak i oznake razlikuju po jednog znaka. Možete stvoriti popise multi-level, što može uključivati i brojevima i marker.

Ovi popisi mogu se pretvoriti po volji. To sve ovisi o vašoj mašti. Prvo, smatramo standardne popise, kao što su Word, a onda ćemo ih poboljšati i učiniti neprepoznatljivosti.

Numerirani popis HTML

Neutralna naredio HTML lista mogu se izraditi pomoću sljedeće oznake:

1. Prva stavka Popis

2. Druga stavka Popis

3. Treća stavka Popis

   Jednostavan popis ovdje izgledati

   Prema standardima, svaka stavka na popisu moraju biti unutar otvaranje i zatvaranje tag li. Ali ako ne stavi završnu oznaku, rezultat je isti. Vodič je vrlo pametan. Tijekom popisa pretvorbe, on analizira otvaranje oznaka. Ako vidi novu

4. , a zatim se automatski stavlja ih pred .

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

   No, s točke gledišta stručnjaka je netočna.

   popisi s grafičkim oznakama

   Neizbrojen (ili marker) popisi su potpuno isti, samo umjesto ot oznaka napisana ul.

   U grafičkim oznakama listama, nema brojki ili slova - samo različitih likova, koje se zovu markeri.

   Višerazinski numerirani popis HTML

   Mnogi ljudi su zainteresirani za takvu priliku. Dakle, treba napomenuti da je bilo koji HTML popis brojevima može biti na više razina. Dodatni slojevi mogu biti isti ili oznakom.

   Da biste stvorili popis koji je naveden u gornjem primjeru, potrebno je napisati sljedeće.

   Imajte na umu da u ovom kodu, za razliku od prvog primjera, dodano vrstu atributa. Zahvaljujući njemu, možete odrediti vrstu sortiranja i za numerirane i za popise marker.

   Za brojevima navesti vrstu abecede ili brojeve, a za preostalih slučajeva - vrsti oznake.

   sortiranje popisa opcija

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

   Možete navesti atribut vrste na bilo koju vrijednost iz tablice. Ili učionice CSS odredite popis-style-type sa željenom načinu razvrstavanja.

   Prevođenje vrijednosti je vrlo jednostavna. Dosta osnovno poznavanje engleskog jezika. No, čak i ako ne možete pronaći prijevod riječi „krug”, „kvadrat”, i tako dalje. N., možete vizualno možete vidjeti što je rezultat kada se odrediti te vrijednosti u atributu tipa.

   Za numeriranim popisima, morate koristiti sljedeće opcije:

   • 1 - arapskih brojki;
   • A - velika slova slova ;
   • a - mala slova;
   • I - velika slova rimskim brojevima;
   • ja - mala rimskim brojevima.

   Prema zadanim postavkama, na popisu se uvijek koristi s arapskim brojkama. To jest, ako ne navedete ništa, to je ekvivalent za type = „1”.

   Osim toga, numerirane popise može početi u bilo kojem željenom položaju. Zadana - zaključak 1. Ali ako želite možete čak i početi sa sto. Da biste to učinili, morate odrediti početni atribut bilo koju vrijednost.

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

   Izrada popisa

   Numerirani HTML popis može biti uređen tako lijepo da ne možete odmah pogoditi da je to uobičajena lista, a ne slika napravljen u Photoshopu.

   Ovdje su lijepi primjeri liste.

   Kao što se može vidjeti iz primjera, moguće je promijeniti izgled i numeriranje samih elemenata.

   Možete stvoriti redoviti popis kao što je ovaj.

   U CSS stilova morate odrediti dizajn za ol oznaku. Imajte na umu da u ovom slučaju, postavke će se primijeniti na sve popise sve web stranice koje koriste ovu datoteku stila.

   Razmislite prve izvedbe s kružnim popisu za provjeru. Povratak na popis kodova. Tu je set klasa zaobljeni-lista. To je to s ovim klase potrebe da se prtljati, kako bi takvu ljepotu. Poziv klasni vas koliko želite.

   Sada razmislite kvadratni dizajn.

   Stilovi su vrlo slični. Razlika je u tome što u prvom slučaju postoji zaokruživanje je element putem CSS mogućnosti.

   Podrška preglednik

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

   Na primjer, želite napraviti numerirani popis u sredini. HTML-kod će biti isti, ali rezultat u starijim preglednicima mogu biti vrlo različite.

   Isto vrijedi i za dizajn brojevima.

   Kao što možete vidjeti, nije se trgovi oko brojeva u starijim verzijama IE, jer rukovatelj ne zna nove atribute koje vam omogućuju da takvu registraciju.

   Stručni koder mora predvidjeti i shvatiti da nisu svi korisnici koristiti modernih računala. Nisu svi instaliran Windows 7, 8, 10. Tu je postotak korisnika koji još uvijek sjedi na Windows XP i koristi stariju verziju Internet Explorera.

   U pravilu, gotovo sve modernog dizajna kako bi poboljšali njihovi elementi nisu podržani. Korisnik će osjećati da nije rad na dizajnu stranice. To sve iselio. Elementi su grupiran zajedno. Da bi to izbjegli, morate računati sve opcije.

   Neki webmasteri okreće slijepa oka na njih, jer je njihov udio u tržištu danas je sve manje i manje. Ali za profesionalce cijeniti svakog posjetitelja, osobito ako je komercijalna stranica.

   Da li nešto prikladno za sve ili razmotriti sve opcije za preglednik.