Označen i numeriran popis HTML-a

U HTML-u postoje dvije vrste popisa: numerirane i nebrojene. Njihova kreacija je gotovo jednaka. Čak se i oznake razlikuju po jednom znaku. Također možete izraditi popise na više razina, koji mogu uključivati ​​i označene i označene popise.

Ti se popisi mogu pretvoriti po želji. Sve ovisi o vašoj mašti. Prvo ćemo pogledati standardne popise, isto kao u uređivaču Worda, a zatim ćemo ih poboljšati i prepoznati izvan prepoznavanja.

Brojni HTML popis

Redovno brojčano HTML popis mogu se izrađivati ​​pomoću sljedećih oznaka:

Jednostavni popisi izgledaju ovako

Prema standardima, svaka stavka na popisu mora biti unutar oznake otvaranja i zatvaranja. Ali ako ne stavite završnu oznaku, rezultat će biti točno isti. Procesor je vrlo pametan. Tijekom pretvorbe popisa analizira oznake otvaranja. Ako vidi novu

Dakle, popisi mogu biti učinjeni kako je dolje prikazano.

Ali s gledišta stručnjaka to je netočno.

Popisi s grafičkim oznakama

Unnumbered (ili marker) popisi su stvoreni na isti način, samo umjesto ol tag, ul je napisan.

U popisi s grafičkim oznakama bez brojeva ili slova - samo različiti simboli, koji se nazivaju markeri.

Multilevel brojčani HTML popis

Mnogi korisnici zainteresirani su za ovu mogućnost. Stoga valja napomenuti da bilo koji popis s brojevima HTML-a može biti višerazinski. Dodatne razine mogu biti iste ili označene.

Da biste stvorili popis naveden u gornjem primjeru, morate napisati sljedeće.

Imajte na umu da se u ovom kodu, za razliku od prvog primjera, dodaje atribut tipa. Zahvaljujući njemu, možete odrediti vrstu razvrstavanja za brojčane i popise oznaka.

Za numerirane označavamo abecedu ili vrstu znamenki, a za ostale slučajeve - vrstu oznake.

Popis mogućnosti sortiranja

Ako koristite posebnu HTML oznaku, popis s brojevima može biti sve što želite.

Možete odrediti atribut tipa s bilo kojom vrijednošću iz tablice. Ili, u klasi stila css, navedite vrstu popisa stila s željenom vrstom sortiranja.

Prijelaz vrijednosti vrlo je jednostavan. Dosta osnovnih znanja engleskog jezika. No, čak i ako ne možete prevesti riječi "krug", "kvadrat" itd., Vizualno možete razumjeti što će biti rezultat kada navedete te vrijednosti u atributu tipa.

Za brojeve s brojevima morate koristiti sljedeće opcije:

• 1 - arapski brojevi;
• A - kapital latino slova;
• a - mala latino slova;
• I - rimski kapitalni brojevi;
• i - mala slova.

Prema zadanim postavkama, popis s Arapskih znamenki. To jest, ako niste naveli ništa, to je ekvivalent tip = "1".

Osim toga, popisani brojevi mogu se pokrenuti iz bilo kojeg željenog položaja. Prema zadanim postavkama - izlaz iz 1. Ali ako želite, možete započeti sa najmanje stotinu. Da biste to učinili, morate odrediti početni atribut s bilo kojom vrijednošću.

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

Registracija popisa

Brojni popis HTML-a može biti tako lijepo dizajniran da ne možete odmah pretpostaviti da je to običan popis, a ne slika snimljena u Photoshopu.

Evo primjera lijepih popisa.

Kao što možete vidjeti iz primjera, možete promijeniti izgled brojeva i samih elemenata.

Možete stvoriti običan popis poput ove.

U css stilovima, morate odrediti izgled ol tagova. Imajte na umu da se u tom slučaju postavke primjenjuju na sve popise cjelokupne web stranice na kojoj se koristi ovaj stilski list.

Prvo razmislite o opciji s okruglim popisom. Vratite se na kôd popisa. Postoji popis zaokruženih grupa. To je u ovom razredu potrebno vam je napraviti takvu ljepotu. Možete imenovati klasu prema želji.

Sada razmotrite kvadratni dizajn.

Stilovi su vrlo slični. Razlika je u tome što je u prvom slučaju element zaokružen pomoću sposobnosti css.

Podrška pregledniku

Važno je razumjeti da svi preglednici ne podržavaju sve atribute css.

Na primjer, želite označiti popis s brojevima. HTML kôd će biti isti, ali rezultat u starijim preglednicima može biti sasvim drugačiji.

Isto vrijedi i za registraciju numeriranja.

Kao što vidite, kvadratići oko brojeva u starijim verzijama IE preglednika nisu se pojavili, jer rukovatelj ne zna nove atribute koji omogućuju to.

Profesionalni web dizajner bi trebao predvidjeti i razumjeti da svi korisnici ne koriste moderne računala. Nije svatko ima Windows 7, 8, 10. Postoji postotak korisnika koji još uvijek sjedaju na sustavu Windows XP i koriste starije verzije preglednika Internet Explorer.

U pravilu, gotovo sva moderna poboljšanja elemenata dizajna ne podržavaju ih. Korisnik će osjetiti da dizajn sitea uopće ne funkcionira. Da se sve preselilo. Elementi se međusobno isprepliću. Da biste to izbjegli, morate izračunati sve opcije.

Neki webmasteri im skreću slijepo, jer njihov udio na trenutnom tržištu sve manji i manji. Ali za profesionalce svaki posjetitelj je važan, pogotovo ako je to komercijalno mjesto.

Učinite nešto prikladno za sve ili razmislite o svim varijantama preglednika.