Označene in oštevilčene sezname HTML

Obstajata dve vrsti seznamov, v jeziku HTML: naročeno in neurejene. Njihovo ustvarjanje je skoraj enaka. Tudi oznake razlikujejo za en znak. Prav tako lahko ustvarite sezname na več ravneh, ki lahko vključujejo tudi oštevilčene in označevalec.

Ti seznami se lahko pretvorijo po volji. Vse je odvisno od vaše domišljije. Prvič, menimo standardne sezname, na primer v Wordu, nato pa jih bomo izboljšali in da iz vsega priznanja.

Oštevilčen seznam HTML

Nevtralno odredil seznam HTML je mogoče ustvariti z naslednjimi oznakami:

1. Prvi element seznam

2. Drugi element seznam

3. Tretji element seznam

   Enostavno seznam tukaj izgledal

   V skladu s standardi, mora biti vsaka postavka na seznamu biti v otvoritveni in zaključni tag li. Ampak, če ne boste dal zaključno oznako, je rezultat popolnoma enak. Vodnik je zelo pameten. V seznamu pretvorbe, analizira oznake odpiranje. Če vidi nov

4. , nato pa jih avtomatično postavlja pred .

   Tako lahko sezname je treba storiti, kot je prikazano spodaj.

   Toda z vidika strokovnjakov je napačna.

   označene sezname

   Neoštevilčeno (ali označevalne) Seznami so popolnoma enake, le namesto ol oznaka napisana ul.

   V označene sezname, nobenih številk ali črk - samo različnih znakov, ki se imenujejo označevalcev.

   Ravneh oštevilčen seznam HTML

   Mnogi ljudje so zainteresirani za takšno priložnost. Zato je treba opozoriti, da lahko vsak HTML oštevilčen seznam je na več ravneh. Dodatne plasti lahko enaki ali označiti.

   Če želite ustvariti seznam, ki je naveden v zgornjem primeru, morate napisati naslednje.

   Upoštevajte, da v tem zakoniku, v nasprotju s prvim primerom, dodane tip atributa. Zahvaljujoč njemu, lahko določite tip sortiranje tako oštevilčene in seznamov marker.

   Za oštevilčene določite vrsto abecede ali številk, in pri preostalih primerih - vrsto označevalca.

   seznam možnosti sortiranje

   Če uporabljate posebno HTML-tag, lahko oštevilčene sezname lahko kakorkoli želite.

   Lahko določite tip atribut na katero koli vrednost iz tabele. Ali učilnica slog CSS določite list-style-type z želenim tipom razvrščanje.

   Prevod vrednot je precej preprosta. Dovolj osnovno znanje angleškega jezika. Toda tudi če ne morete prevesti besedo "krog", "kvadratni", in tako naprej. N., lahko vizualno videli, kaj je rezultat, ko podate te vrednosti v atribut tipa.

   Za oštevilčenih seznamov, ki jih je treba uporabiti naslednje možnosti:

   • 1 - arabske številke;
   • A - velike tiskane črke ;
   • a - male črke;
   • I - velike črke rimskimi številkami;
   • i - male rimske številke.

   Privzeto je seznam vedno uporablja z arabskimi številkami. To je, če ne določajo ničesar, je enakovredna type = "1".

   Poleg tega lahko oštevilčene sezname začetek v poljubnem položaju. Privzeto - zaključek 1. Toda, če želite, lahko celo začeli s sto. Če želite to narediti, morate določiti začetno atribut s katero koli vrednost.

   Poleg tega je mogoče sklepati, v obratnem vrstnem redu. Če želite to narediti, napisati obrnil.

   Izdelava seznamov

   Oštevilčen seznam HTML je mogoče urediti tako lepo, da ne more takoj veš, da je to običajno seznam, in ne slika je v Photoshopu.

   Tu so lepi primeri seznamov.

   Kot je razvidno iz primera, je mogoče spremeniti videz in številčenje elementov samih.

   Ustvarite lahko redno seznam, kot je ta.

   V slogi css morate določiti zasnovo za ol oznako. Upoštevajte, da v tem primeru, se bodo nastavitve se uporabljajo za vse sezname vsa spletna mesta, ki uporabljajo ta slog datoteko.

   Razmislite prvo izvedbo s krožno kontrolni seznam. Nazaj na seznam kode. Obstaja Set razred zaokroženo-seznam. To je to s tem razredu treba Tinker, da bi takšno lepoto. Pokličite razredu vas, kot želite.

   Sedaj menijo s peto obliko.

   Stili so zelo podobni. Razlika je v tem, da je v prvem primeru zaokroževanja element med možnostmi css.

   Podpora brskalnik

   Pomembno je razumeti, da niso vsi brskalniki podpirajo vse atribute CSS.

   Na primer, želite, da bi dobili oštevilčen seznam v sredini. HTML-koda bo enaka, vendar je rezultat v starejših brskalnikih se lahko precej razlikujejo.

   Enako velja za zasnovo številčenja.

   Kot lahko vidite, ni bilo videti kvadratki okoli številke v starejših različicah IE, ker je trener ne ve, nove lastnosti, ki vam omogočajo, da tak vpis.

   Strokovno koder mora predvideti in razumeti, da niso vsi uporabniki uporabljajo sodobne računalnike. Ni vse nameščen operacijski sistem Windows 7, 8, 10. Tam je odstotek uporabnikov, ki še vedno sedi na Windows XP in uporablja starejšo različico Internet Explorerja.

   Kot pravilo, skoraj vse sodobne modele za izboljšanje njihove sestavine niso podprti. Uporabnik bo občutek, da ni delo na oblikovanju mesta. To vse izselil. Elementi so nakopičena. Da bi to preprečili, morate prešteti vse možnosti.

   Nekatere webmastere so zatiskajo oči pred njimi, ker je njihov delež v današnjem trgu je vse manj in manj. Ampak za strokovnjaka cenili vsakega obiskovalca, še posebej, če gre za komercialno stran.

   Ali kaj je primerno za vse, ali pa preuči vse možnosti za brskalnik.