Liste su važan dio sadržaja jer pomažu u organizaciji informacija. Tekst u listama se bolje percipira i lakše pamti.

Najjednostavniji je da se ispred svakog od njegovih elemenata nalazi marker - krug, kvadrat ili krug. Redoslijed stavki na listi sa nabrajanjem nije važan.

Da biste ga kreirali, trebate koristiti samo dvije oznake:

I
• .
  je kontejner koji sadrži listu čiji su elementi specificirani oznakom
  • .
    • Stone
    • Makaze
    • Papir

    Po defaultu, marker liste je crni krug ( disk). Dodavanjem u oznaku

    atribut tip i dodjeljivanjem odgovarajuće vrijednosti, marker se može promijeniti u krug ( krug) ili crni kvadrat ( kvadrat).

    Razlikuje se od označenog po tome što je redoslijed elemenata u njemu važan, pa se stoga umjesto markera ovdje koriste redni brojevi ili slova. Nema potrebe da brinete o redosledu na listi: pretraživač se brine za ovaj zadatak. Ako promijenite listu (uklonite ili dodate stavku van reda), pretraživač će je ponovo izračunati i ispravno prikazati.

    Oznake se koriste za kreiranje numerisanih lista

    I
    1. . Kontejner
       definira početak i kraj liste, tag
       1. specificira početak i kraj svog elementa - sve je samo kao na listi sa nabrajanjem
          zamijenjen sa
          .
          1. Stone
          2. Makaze
          3. Papir

          

          Pošto stvari nisu uvek tako jednostavne sa numerisanim listama, za oznaku

          kreirali sljedeće atribute (napomena: ispod je samo numerirana lista):

          1. tip. Ovaj atribut vam omogućava da numerišete listu ne samo arapskim, već i rimskim brojevima ili latiničnim slovima različitih velikih i malih slova. tip podržava vrijednosti 1 (zadano), a, A, i, I (probajte sami eksperimentirati s njima).

          2. počni. Numeracija ne mora uvijek početi s jednim. Ovaj atribut vam omogućava da postavite početnu vrijednost - broj prvog elementa liste. U njemu možete navesti da izvještaj počinje, na primjer, brojem 100 ili slovom K.

          3. obrnuto. Ako lista ne treba da ide od 1 do 10, već od 10 do 1, onda se ovaj atribut mora koristiti. Ako je navedeno, numeracija će biti obrnutim redoslijedom.

          Da biste elementu u sredini liste dodijelili proizvoljan broj, morate koristiti u oznaci

          1. atribut :

          2. Četrdeset peti element nakon trideset osmog

          Promjenom broja jednog elementa u sredini liste, promijenit ćete numeraciju svih elemenata koji slijede - izvještaj će početi sa vrijednošću u atributu value. Na primjer, ako ste elementu 18 dodijelili broj 35, onda će elementi koji slijede imati brojeve ne 19, 20, 21, već 36, 37, 38.

          Lista definicija

          Vrsta liste koja nije toliko poznata kao one o kojima smo gore govorili. Sastoji se od pojmova i njihovih definicija. Kreirano pomoću oznaka:

          - kontejner koji sadrži listu.

          - oznaka termina.

          - oznaka definicije

          Opseg primjene lista definicija su glosari, priručnike, testovi, rječnici i drugi obimni popisi tipa „Termin – objašnjenje“.

          Evo primjera liste definicija:

          Deskriptor

          Osnovna jedinica markup jezika, svima poznata kao "Tag".

          Atribut

          Svojstvo oznake koja ga daje dodatne funkcije dizajn teksta.

          Label

          Jedna oznaka koju ne treba zatvoriti.

          

          Lista koja se sastoji od lista ugniježđenih jedna u drugu. Može uključivati ​​liste različitih tipova. Teškoća kreiranja leži u održavanju ispravnog ugniježđenja oznaka, jer se lako zbuniti u strukturi na više nivoa.

          Evo primjera lista na više nivoa:

          Programski jezici se dijele na:

          • Strukturno
          1. Pascal
          2. Oberon
          1. Limbo
          • Objektno orijentisan
          1. Java
          • Funkcionalni
          1. Lisp
          2. Python

          HTML pruža poseban skup oznaka za predstavljanje informacija u obliku lista. Liste su jedan od najčešće korištenih oblika prezentacije podataka, kako u elektronski dokumenti, i u štampi. Skoro svaki dan nailazimo na liste – to može biti lista potrebnih kupovina u prodavnici, učenika u razredu ili jednostavno stvari koje treba uraditi. Mogućnost organiziranja struktura lista dostupna je u mnogima uređivači teksta, posebno, moćan program za obradu teksta Microsoft Word ima zgodne alate za formatiranje lista raznih tipova (mogućnosti kreiranja HTML lista pomoću Microsoft Word-a razmatrane su u 8. poglavlju). Evo nekoliko slučajeva za koje je korištenje lista prilično zgodno:

          • Kombiniranje dijelova informacija u jednu strukturu kako bi se stvorio čitljiv izgled.
          • Opis složenih procesa korak po korak.
          • Raspored informacija u stilu tabele sadržaja, sa paragrafima koji upućuju na relevantne delove dokumenta.

          Imajte na umu da su gore navedene tačke precizno organizovane u obliku strukture liste.

          HTML pruža sljedeće glavne tipove lista: lista sa nabrajanjem, numerisana i lista definicija. Za implementaciju lista razne vrste Koriste se sljedeće oznake:

          ,
          ,

          , , . Koristeći različite vrste lista ugrađenih u dokument, mogu se realizovati različite mogućnosti, čiji je opis predmet ovog poglavlja. Razmatraju se karakteristike konstruisanja lista različitih tipova, kao i upotreba ugniježđenih lista.

          Označena lista

          Jedna od vrsta lista implementiranih u HTML-u je lista sa nabrajanjem. Inače, liste ovog tipa se nazivaju nenumerisani ili

          poremećen. Prezime se često koristi kao formalni prijevod imena odgovarajuće oznake

          , uz pomoć kojih se liste ovog tipa organizuju u HTML dokumente (UL - Unordered List, nesređena lista).

          Koristi se lista sa oznakama specijalni znakovi, koji se nazivaju markeri liste (često se nazivaju bullets, što je formalni izgovor engleskog izraza bullet). Izgled markera liste određuje pretraživač, a prilikom kreiranja ugniježđenih lista, pretraživači automatski diverzificiraju izgled markera na različitim nivoima ugniježđenja.

          Oznake

          I<LI >

          Da biste kreirali listu sa nabrajanjem, morate koristiti kontejner sa oznakama, unutar kojeg se nalaze svi elementi liste. Oznake za otvaranje i zatvaranje liste pružaju prijelom reda prije i poslije liste, odvajajući na taj način listu od glavnog sadržaja dokumenta, tako da ovdje nema potrebe za korištenjem oznaka pasusa

          
          .

          Svaki element liste mora početi oznakom

          • (LI - Stavka liste, element liste). Tag
          • ne zahtijeva odgovarajuću završnu oznaku, iako njeno prisustvo u principu nije zabranjeno. Preglednici obično započinju svaku novu stavku liste u novom redu kada prikazuju dokument.

            Dostavljene informacije su dovoljne da se napravi osnovna lista sa nabrajanjem. Hajde da damo primer HTML dokumenta koji koristi listu sa nabrajanjem, čiji je prikaz od strane pretraživača prikazan na Sl. 2.1.

            Znakovi zodijaka:

            • Ovan

            • Bik

            • Blizanci

            • Rak

            • Lav

            • Djevica

            • Vage

            • Škorpion

            • Strijelac

            • Jarac

            • Vodolija

            • Riba

            Rice. 2.1. Prikaz liste sa nabrajanjem u pretraživaču

            Imajte na umu da pored elemenata liste označenih oznakom

          • , mogu biti prisutni i drugi HTML elementi. U gornjem primjeru, jedan od ovih elemenata je običan tekst, koji nije stavka liste, već služi kao njen naslov.

            Napomena

            Neki udžbenici o HTML jeziku navode da se oznaka kontejnera treba koristiti za postavljanje naslova liste. (LH - Zaglavlje liste, zaglavlje liste). Ovu oznaku trenutno ne prepoznaju nijedan uobičajeni pretraživač i nije dio HTML specifikacije. Stoga njegova upotreba postaje besmislena, iako neće dovesti do grešaka.

            U oznaci

            mogu se specificirati dva parametra: COMPACT i TYPE.

            Parametar COMPACT se zapisuje bez vrijednosti i koristi se da to pretraživaču naznači ovu listu treba biti predstavljen u kompaktnom obliku. Na primjer, može se smanjiti font ili razmak između redova liste, itd.

            Napomena

            Trenutno, prisustvo parametra COMPACT u oznaci

            ni na koji način ne utiče na prikaz lista u vodećim pretraživačima. Stoga je korištenje ovog parametra besmisleno, pogotovo zato što njegovu upotrebu ne preporučuje HTML 4.0 specifikacija.

            Parametar TYPE može imati sljedeće vrijednosti: disk, krug i kvadrat. Ovaj parametar se koristi za prisilno pojavljivanje znakova za nabrajanje liste. Tačan tip markera zavisi od pretraživača koji koristite. Tipične opcije prikaza su sljedeće:

            TIP = disk - markeri se prikazuju kao popunjeni krugovi; TIP = krug - markeri se prikazuju kao otvoreni krugovi; TIP = kvadrat - markeri se prikazuju kao popunjeni kvadrati. Primjer unosa:

            .

            Zadana vrijednost je TYPE = disk. Za ugniježđene liste sa nabrajanjem, zadana vrijednost je disk na prvom nivou, krug na drugom nivou, kvadrat na trećem nivou i dalje. To je upravo ono što se radi u najnovije verzije Netscape pretraživači i Internet Explorer. Imajte na umu da drugi pretraživači mogu drugačije prikazati markere. Na primjer, u specifikaciji HTML 4.0, tip markera koji se prikazuje kada je TYPE = square specificiran je kao obris kvadrata.

            Parametar TYPE sa istim vrijednostima može se koristiti za određivanje tipa markera za pojedinačne elemente liste. Da biste to učinili, dozvoljeno je navesti parametar TYPE s odgovarajućom vrijednošću u oznaci elementa liste

            • .

              Primjer unosa:

            • .

              Napomena

              Pretraživači različito tumače tip tokena za pojedinačni element lista. Netscape pretraživač mijenja izgled markera za ovaj i sve naredne dok se ne naiđe na sljedeću redefinaciju izgleda markera. Internet Browser Explorer mijenja izgled markera samo za ovaj element.

              Markeri grafičke liste

              Možete koristiti grafičke slike kao oznake liste, što se široko koristi za kreiranje atraktivnih, dobro dizajniranih HTML dokumenata. Zapravo, ovu mogućnost ne pruža direktno HTML jezik, već je implementirana donekle umjetno. To ne znači da to nije preporučljivo ili za osudu, već samo da se ovdje neće koristiti posebne konstrukcije HTML jezika.

              Da biste razumjeli ideju, morate razumjeti mehanizam za implementaciju lista na HTML stranicama. Ispostavilo se da je oznaka liste

              (kao, zaista, liste tagova drugih tipova, o kojima će se raspravljati u nastavku) obavlja jedan zadatak - govori pretraživaču da sve informacije koje se nalaze nakon ove oznake trebaju biti prikazane pomaknute udesno (uvučeno) za određenu količinu. Oznake
              • , koji ukazuju na pojedinačne stavke liste, daju standardne markere stavki liste.

                Ako treba da napravimo listu sa grafičkim markerima, onda možemo i bez oznaka

              • . Biće dovoljno da umetnete željenu grafičku sliku ispred svakog elementa liste. Jedini problem koji treba riješiti je razdvajanje elemenata liste jedan od drugog. Za ovo možete koristiti oznake pasusa

                Ili prisilno prebacivanje reda
                . Primjer implementacije liste sa grafičkim markerima, čiji je prikaz prikazan na Sl. 2.2 je prikazano ispod:

                Znakovi zodijaka:
                

                Ovan
                

                Bik
                

                Blizanci
                

                Rak
                

                Leo
                

                Djevica
                

                Vage
                

                Škorpion
                

                Strijelac
                

                Jarac
                

                Vodolija
                

                Riba

                

                Rice. 2.2. Lista sa grafičkim oznakama

                U gornjem primjeru, marker stavke liste je grafički fajl Green_ball.gif. Imajte na umu da upotreba grafike na HTML stranicama može značajno povećati količinu prenesenih informacija. Međutim, u u ovom slučaju ovo povećanje je izuzetno malo. Ovdje se isti fajl koristi za sve markere,

                koji će biti prenošen samo jednom. Veličine datoteke male slike su također izuzetno male.

                Napomena

                Tehnike za kreiranje lista sa grafičkim znakovima za nabrajanje razmatraju se redom u Poglavlju 8.

                Numerisana lista

                Drugi tip liste implementiran u HTML-u je numerisana lista. Inače, liste ovog tipa nazivaju se uređenim. Prezime se često koristi kao formalni prijevod imena odgovarajuće oznake

                , uz pomoć kojih se liste ovog tipa organizuju u HTML dokumente (OL - Ordered List, ordered list).

                Liste ovog tipa obično predstavljaju uređeni niz pojedinačnih elemenata. Razlika od lista sa nabrajanjem je u tome što u numerisanoj listi svakom elementu automatski prethodi serijski broj. Tip numeracije zavisi od pretraživača i može se podesiti parametrima oznaka liste. Inače, implementacija numerisanih lista je veoma slična implementaciji lista sa nabrajanjem.

                Oznake

                I

                1. Da biste kreirali numerisanu listu, trebalo bi da koristite oznaku kontejnera, unutar koje se nalaze svi elementi liste. Oznake za otvaranje i zatvaranje liste obezbeđuju prelom reda pre i posle liste, čime se lista odvaja od glavnog sadržaja dokumenta.

                   Kao i kod liste sa nabrajanjem, svaka stavka u numerisanoj listi mora početi oznakom

                2. .

                   Evo primjera HTML dokumenta koji koristi numerisanu listu: prikaz kojih pretraživač je prikazan na sl. 2.3.

                   Najsjajnije zvezde vidljive sa Zemlje:

                   • Sirius

                   • K anopus

                   • Arcturus

                   • Alpha Centauri

                   • Vega

                   • K appella

                   • Rigel

                   • Procyon

                   • Achernar

                   • Beta Centauri

                   • Wetelgeuse

                   • Aldebaran

                     
                     . . .

                   • Mizar

                     
                     . . .

                   • Polar

                   

                   Rice. 2.Z. Numerisana lista

                   U oznaci

                   Mogu se specificirati sljedeći parametri: COMPACT, TYPE i START.

                   Parametar COMPACT ima isto značenje kao i liste za nabrajanje. Parametar TYPE se koristi za određivanje tipa numeriranja liste. Može uzeti sljedeće vrijednosti:

                   TYPE = A - postavlja markere u obliku velikih latiničnih slova;

                   TYPE = a - postavlja markere u obliku malih latiničnih slova;

                   TIP = I - postavlja markere u obliku velikih rimskih brojeva;

                   TYPE = i - postavlja markere u obliku malih rimskih brojeva;

                   TYPE = 1 - postavlja markere u obliku arapskih brojeva.

                   Zadana vrijednost je uvijek TYPE = 1, tj. numerisanje arapskim brojevima. Ovo se također odnosi na ugniježđene numerirane liste. Ovdje, za razliku od lista sa nabrajanjem, pretraživači po defaultu ne čine različite numeracije na različitim nivoima ugniježđenja lista. Imajte na umu da iza broja elementa liste uvijek postoji dodatni znak “tačka”.

                   Parametar TYPE sa istim vrijednostima može se koristiti za određivanje stila numeriranja za pojedinačne elemente liste. Da biste to učinili, dozvoljeno je navesti parametar TYPE s odgovarajućom vrijednošću u oznaci elementa liste

                   1. .

                      Primjer unosa:

                   2. .

                      Parametar oznake START

                      omogućava vam da započnete numerisanje liste od nečeg drugog. Vrijednost parametra START uvijek mora biti prirodan broj, bez obzira na tip numeracije liste. Evo primjera:
                      .

                      Ovaj unos određuje numeraciju liste koja počinje velikim latiničnim slovom "E". Za ostale tipove numeracije, unos START=5 će postaviti numeraciju, odnosno od broja "5", rimskog broja "V" itd.

                      Promjena tipa numeracije liste i brojčanih vrijednosti može se izvršiti za bilo koji element liste. Tag

                      5. za numerisane liste, dozvoljava upotrebu parametara TYPE i VALUE. Parametar TYPE može imati iste vrijednosti kao i za oznaku
                         .

                         P primjer unosa:

                         1. .

                            Napomena

                            Pretraživači različito tumače tip numeracije za pojedinačnu stavku liste. Netscape pretraživač mijenja tip numeracije za ovaj element i sve naredne sve dok se ne naiđe na sljedeće poništavanje. Internet Explorer mijenja izgled broja samo za ovaj element.

                            Zvrijednost parametra oznake VALUE

                         2. - omogućava vam da promijenite broj datog elementa liste. Ovo mijenja numeraciju svih narednih elemenata. Tipična aplikacija su liste u kojima nedostaju neki elementi. Primjer takve liste dat je gore (slika 2.3). Daje uređenu listu najsjajnijih zvijezda, u kojoj se na 58. i 75. mjestu nalaze zvijezde koje su jasno vidljive na našim geografskim širinama (Mizar je najsjajnija zvijezda u sazviježđu Velikog medvjeda, a Polaris je najsjajnija zvijezda u sazviježđu Malog medvjeda) .

                            Navedimo još jedan originalan primjer korištenja različitih vrsta numeriranja. HTML kod u nastavku sadrži tri liste sa različitim brojevima. Radi lakšeg pregleda, svaka od lista je smeštena u posebnu ćeliju tabele. Sve tri liste su identične i razlikuju se samo po vrsti numeracije: u prvoj koloni tabele nalaze se arapski brojevi, u drugoj - rimski, au trećoj je numeracija latiničnim slovima. Imajte na umu da su elementi liste prazni, tj. iza bilo koje oznake

                         3. nema podataka. Primjer ove vrste može se koristiti kao tabela korespondencije između pisanja brojeva arapskim i rimskim brojevima. Ispostavilo se da se bilo koji pretraživač koji podržava liste može koristiti kao generator takve tabele (slika 2.4), samo treba da ukucate dati HTML kod. Numeracija rimskim brojevima radi ispravno do vrijednosti 3999. Proučavanjem desne kolone možete razumjeti kako se vrši numerisanje rimskim slovima. Kada se iscrpi jednoslovno numerisanje (od A do Z), prvi dvoslovni broj se uzima kao sledeći broj - AA itd.

                            . . .

                            . . .

                            . . .

                            

                            Rice. 2.4. Različite vrste numeriranja HTML liste

                            Lista definicija

                            Liste definicija, koje se nazivaju i rječnici definicija, posebna su vrsta lista. Za razliku od drugih vrsta lista, svaki element liste definicija uvijek se sastoji od dva dijela. Prvi dio elementa liste sadrži pojam koji se definira, a drugi dio sadrži tekst u obliku rječničkog unosa koji otkriva značenje pojma.

                            Liste definicija su specificirane pomoću oznake kontejnera

                            (Definicijska lista). Unutar kontejnera sa etiketom

                            (Definicijski termin) pojam koji se definiše je označen, a oznaka

                            (Definition Description) - paragraf sa svojom definicijom. Za oznake

                            I

                            Možete izostaviti odgovarajuće završne oznake.

                            Općenito, lista definicija je napisana na sljedeći način:

                            Termin

                            Definicija pojma

                            U tekstu iza oznake

                            elementi na nivou bloka kao što su oznake pasusa ne mogu se koristiti

                            Ili zaglavlja

                            -

                            . Po pravilu, tekst definisanog pojma treba da se nalazi u jednom redu. Tekst koji sadrži definiciju pojma prikazuje se počevši od sljedećeg reda (ili svakog reda za neke pretraživače) nakon definicije pojma, uvučeno udesno. U informacijama postavljenim iza oznake

                            , elementi na nivou bloka mogu se locirati. Iz toga posebno slijedi da liste definicija mogu biti ugniježđene.

                            U oznaci

                            može se specificirati parametar COMPACT, čija je svrha slična ostalim gore opisanim listama.

                            Evo primjera HTML dokumenta koji koristi listu definicija:

                            Klasifikacija tipičnih ljudskih temperamenata,
                            zasnovano

                            o stavovima Hipokrata

                            Flegmatična osoba

                            Pasivan, veoma vrijedan, sporo se prilagođava;
                            stabilno raspoloženje, malo podložno vanjskim utjecajima;
                            letargija emocionalnih reakcija i sporost u voljnoj aktivnosti
                            
                            

                            Sangvinik

                            Aktivan, energičan, prilagodljiv, -
                            živost i pokretljivost emocionalnih reakcija, brzina i snaga voljnih manifestacija
                            
                            

                            Kolerik

                            Aktivan, veoma energičan, uporan;
                            nalet i jačina emocionalnih reakcija, nasilne manifestacije volje
                            
                            

                            Melanholic

                            Pasivan, lako se umara, teško se prilagođava, -
                            slabost voljnih manifestacija i prevladavanje depresivnog raspoloženja, sumnje u sebe

                            Prikaz datog HTML dokumenta u pretraživaču prikazan je na Sl. 2.5.

                            

                            Rice. 2.5. Lista definicija (slično grupi unosa u rječniku)

                            Tip liste

                            I

                            Tip liste

                            I trenutno se praktično ne koriste, iako ih i dalje podržavaju vodeći pretraživači. U HTML 4.0 specifikaciji, oba tipa lista su označena kao zastarjela. Umjesto toga, predlaže se korištenje lista za nabrajanje specificirane oznakom

                            .

                            Ove vrste lista su prvobitno dizajnirane da budu kompaktnije od običnih lista sa nabrajanjem. Prema pravilima za pisanje elemenata ovih lista, nije bilo dozvoljeno koristiti blok elemente u njima, što znači da je nemoguće implementirati ugniježđenje lista ovog tipa. Svaki element liste je bio jedan red teksta.

                            Za liste poput

                            planirano je da se uvede ograničenje na „dužinu teksta elementa liste (24 karaktera). Takvo ograničenje bi nam omogućilo da izvedemo

                            liste poput

                            u obliku sličnom popisu direktorija u operativni sistemi UNIX i MS-DOS kada se koristi prekidač /W (više kolona). Osim toga, markeri nisu prikazani za stavke liste ovog tipa.

                            Trenutno svi ovi planovi nisu realizovani, jer se ne preporučuje dalja upotreba ovakvih lista. Moderne verzije pretraživača prikazuju liste ovih tipova na potpuno isti način kao i liste poput

                            .

                            Ugniježđene liste

                            Postoje slučajevi kada trebate uključiti cijelu listu istog ili drugog tipa u element liste jednog tipa. Ovo će kreirati višeslojne ili ugniježđene liste. HTML dozvoljava proizvoljno ugniježđenje različitih tipova lista, ali se mora voditi računa o njihovom organiziranju.

                            Ispod je HTML kod za dokument sa ugniježđenim listama, čiji je prikaz prikazan na Sl. 2.6. U ovom primjeru, svaka stavka u listi sa nabrajanjem sadrži svoju numeriranu listu.

                            Sateliti nekih planeta

                            • Zempya

                              1. Mjesec

                            • Mapc

                              1. Fobos

                              2. Deimos

                            • Uran

                              1. Ariel

                              2. Umbriel

                              3. Titania

                              4. Oberon

                              5. Miranda

                            • Neptun

                              1. Triton

                              2. Nereid

                              
                              

                              Glavne upotrebe lista:

                              Numerirano - za popis elemenata koji slijede po strogo definiranom redoslijedu.

                              Označeno - za popis elemenata slučajnim redoslijedom.

                              Višerazinski - za određivanje informacija o određenim elementima.

                              Lista definicija - koristi se za formatiranje rječnika.

                              Numerisana lista html stranica

                              Oznake se koriste za kreiranje numerisanih lista

                              1. Tag

                                 Tag

                                 1. Podrazumevano, stavke liste su numerisane redosledom 1, 2, 3... Koristeći atribut TYPE, možete promeniti stil numerisanja.

                                    Numeracija vrijednosti TIP A A, B, C.. a a, b, c.. I I, II, III.. i i, ii, iii.. 1 1. 2. 3..

                                    Ako već dodate postojeća lista nove vrijednosti, pretraživač će ih automatski ponovo izračunati.

                                    Koristeći START VALUE atribute, možete promijeniti redoslijed numeriranja liste.

                                    START - koristi se za određivanje početnog broja liste, različitog od 1.

                                    VRIJEDNOST - omogućava dodjelu proizvoljnog broja bilo kojem elementu liste.

                                    primjer:

                                    HTML stranica sa nabrajanom listom

                                    Oznake se koriste za kreiranje lista sa nabrajanjem

                                    Tag

                                    Početak/kraj cijele liste je označen.

                                    Tag

                                    • označava početak/kraj pojedinačnog elementa liste.

                                      Podrazumevano, stavke liste su označene crnim krugom. Atribut TYPE se može koristiti za promjenu stila označavanja.

                                      Unutar iste liste možete koristiti različite oznake za elemente liste.

                                      primjer:

                                      Višerazinska lista html stranica

                                      Da biste kreirali liste na više nivoa, možete koristiti liste sa nabrajanjem ili numerisane liste, ili kombinaciju oba. Lista na više nivoa se kreira ugnježđivanjem jedne liste unutar tijela druge. Glavni zadatak je da se ne zbunite. Da biste to učinili, savjetujem vam da napravite različite uvlake za pojedinačne liste.

                                      Liste definicija html stranica

                                      Za kreiranje lista definicija koriste se tri oznake:

                                      - početak/kraj liste.

                                      - početak/kraj određenog mandata.

                                      - početak/kraj članka s objašnjenjem pojma.

                                      Oznake

                                      I

                                      nije potrebno naizmenično. One. Možete "povezati" nekoliko pojmova sa jednom definicijom, i obrnuto.

                                      primjer:

                                      HTML kod: Termin 1 Sažetak 1 do pojma 1 Sažetak 2 do pojma 1

                                      Prikaz pretraživača: Pojam 1 Sažetak1 do pojma 1 Sažetak2 do pojma 1

                                      Budući da se na ovoj stranici određeni stilovi primjenjuju na neke elemente, njihov prikaz u tabeli je nešto drugačiji od onoga što ćete dobiti.

                                      Liste za nabrajanje omogućavaju vam da razbijete veliki tekst u zasebne blokove, od kojih svaki počinje nabrakom - obično malom tačkom. To skreće pažnju čitaoca na tekst i povećava njegovu čitljivost.

                                      Sa elementom

                                      Povezane su sljedeće karakteristike:
                                      • na mestu gde se dešava
                                        , pretraživač automatski dodaje prelom reda;
                                        • lista ima uvlake na vrhu i na dnu;
                                        • Po defaultu, markeri se prikazuju kao popunjeni krug;
                                        • Svaki element liste je pomeren udesno u odnosu na glavni tekst.

                                        Slika 1 prikazuje rezultat primjera, ilustrujući gornje karakteristike liste sa nabrajanjem.

                                        Rice. 1. Prikaz liste za nabrajanje

                                        Tip markera

                                        Markeri mogu imati jedan od tri oblika: popunjeni krug (podrazumevano), otvoreni krug i kvadrat. Da biste odabrali tip markera, koristite svojstvo tipa-stil liste ili univerzalno svojstvo stila liste (primjer 1). Primjenjuju se sljedeće vrijednosti:

                                        • disk - markeri u obliku popunjenog kruga;
                                        • krug - markeri u obliku otvorenog kruga;
                                        • kvadratni - kvadratni markeri.

                                        Primjer 1: Promjena izgleda markera

                                        • Sepulki
                                        • Sepulcaria
                                        • Sepulenacija

                                        Primjer pokazuje kako kreirati listu s nabrajanjem koristeći mali kvadrat pune boje kao ikonu za nabrajanje. Iako je broj vrijednosti ograničen na tri, to ne znači da na raspolaganju imamo samo tri tipa markera. Postoji mnogo specijalnih znakova koji mogu uspješno djelovati kao ikona markera. Pričvrstite ih direktno na

                                      • Neće uspjeti, pa ćete morati to zaobići. Da biste to učinili, sakrijte oznake liste koristeći svojstvo stila liste sa vrijednošću none i u tekstu prije sadržaja
                                      • Dodamo vlastiti karakter koristeći pseudoelement ::before. U primjeru 2, trokut djeluje kao takav marker.

                                        Primjer 2: Upotreba::prije

                                        • Sepulki
                                        • Sepulcaria
                                        • Sepulenacija

                                        Rezultat ovog primjera prikazan je na sl. 2. Pošto korišćenje svojstva stila liste sa vrednošću none uopšte ne uklanja markere, već ih samo sakriva od pogleda, lista se pojavljuje pomerena udesno. Da biste se riješili ove značajke, primjer dodaje svojstvo uvlačenja teksta s negativnom vrijednošću. Njegov zadatak je pomjeriti tekst ulijevo za jedan znak.

                                        

                                        Rice. 2. Proizvoljni markeri u listi

                                        Znak ne mora biti u heksadecimalnom formatu, može se umetnuti direktno u tekst. Glavna stvar je da sačuvate dokument u UTF-8 kodiranju i da ga urednik podržava. Sami znakovi i njihovi kodovi mogu se preuzeti, na primjer, iz LibreOffice Writer-a (slika 3).

                                        

                                        Rice. 3. Odabir simbola u LibreOfficeu

                                        Lista sa ručno nacrtanim markerima

                                        Stilovi vam omogućavaju da postavite bilo koju odgovarajuću sliku kao marker preko svojstva liste-style-image. Vrijednost je relativna ili apsolutna putanja do grafičke datoteke, kao što je prikazano u primjeru 3.

                                        Primjer 3: Upotreba slike kao markera

                                        • Sepulki
                                        • Sepulcaria
                                        • Sepulenacija

                                        Najbolje je odabrati malu sliku kako ne biste pretvorili elemente liste u natpise. Na sl. Slika 4 prikazuje rezultat primjera korištenja malih slika kao markera.

                                        

                                        Rice. 4. Crtež kao marker

                                        Korištenje slike u stilu liste ima neke nedostatke:

                                        • uzorak se ne može pomicati gore ili dolje;
                                        • Položaj slike u odnosu na tekst može se razlikovati u različitim pretraživačima.

                                        Ovi nedostaci se mogu izbjeći korištenjem svojstva pozadine, ono postavlja pozadinsku sliku. Za svaki element liste

                                      • uklanjamo originalne markere i postavljamo pozadinu bez ponavljanja. I kako se tekst ne bi pojavio na vrhu slike, pomičemo ga udesno koristeći padding-left (primjer 4).

                                        Primjer 4: Korištenje pozadine

                                        Ul ( margin-left: -1em; ) li ( stil liste: nijedan; pozadina: url(images/bullet.png) bez ponavljanja 0 2px; padding-left: 20px; )

                                        Položaj teksta i oznake

                                        Postoje dva načina postavljanja markera u odnosu na tekst: marker se pomera izvan ivice elemenata liste ili omotava oko teksta (slika 5).

                                        unutra	vani

                                        Rice. 5. Postavljanje markera u odnosu na tekst

                                        Za kontrolu položaja markera, koristite svojstvo list-style-position. Ima dva značenja: spolja - bullets se postavljaju izvan tekstualnog bloka (ovo je podrazumevana vrednost) i unutra - bullets su deo tekstualnog bloka i prikazuju se u stavci liste (primer 5).

                                        Primjer 5: Promjena položaja markera

                                        • Prije nego što počnete, provjerite da li je oprema uključena u 3BM komplet uključena.
                                        • Ako nedostaje jedan ili više perifernih uređaja, odmah kontaktirajte tehničko osoblje CC-a.
                                        • Nakon vizuelnog pregleda radnog područja, možete pažljivo uključiti napajanje 3BM.

                                        Rezultat ovog primjera prikazan je na sl. 6.

                                        

                                        Koristeći HTML liste, možete kreirati meni za svoju web lokaciju s različitim stavkama i podstavkama. Koristeći liste, kreira se sadržaj (mapa) sajta, što je veoma zgodno za pretraživače.

                                        I tako, postoje oznake "" - one definiraju listu s nabrajanjem.
                                        Oznake "" – definišu stavke, odnosno elemente liste sa nabrajanjem.

                                        Prvo, napravimo jednostavnu listu od nekoliko stavki:

                                        <html > <glava > <naslov > Jednostavna HTML lista sa nabrajanjemnaslov > glava > <tijelo > <ul > <li > Jedanli > <li > Dvali > <li > Trili > <li >Četirili > ul > tijelo > html >
                                        • Tri

                                        Za html oznake možete postaviti neke tipove koji su napisani unutra
                                        prva oznaka"

                                        " V type=" "

                                        Kreirajmo listu u kojoj će umjesto tačaka biti mali krugovi (probušene tačke). Ova vrsta se zove " krug"

                                        <html > <glava > <naslov > HTML lista sa nabrajanjemnaslov > glava > <tijelo > <ul type= "krug"> <li > Jedanli > <li > Dvali > <li > Trili > <li >Četirili > ul > tijelo > html >
                                        • Četiri

                                        Sada, umjesto tipa "krug", postavimo "tip" kvadrat" (kvadrati)

                                        <html > <glava > <naslov > HTML lista sa nabrajanjemnaslov > glava > <tijelo > <ul type= "kvadrat"> <li > einli > <li > zweili > <li > dreili > <li > vierli > ul > tijelo > html >

                                        CSS lekcije detaljno pokrivaju rad sa listama, iz kojih možete naučiti kako postaviti boje za stavke i tekst u njima, kao i kako postaviti sam tip markera (to može biti ne samo kvadrat
                                        ili tačka - može biti gotovo bilo koji simbol).

                                        
                                        

                                        Numerisane liste html

                                        Liste se ne mogu samo označiti, već i numerisati, jer je to ponekad neophodno. To mogu biti brojevi (1, 2, 3...) i slova engleske abecede u malim i velikim slovima. Uzmite u obzir sve gore opisano.

                                        Za postavljanje numeracije koriste se oznake "".
                                        Tip je specificiran unutar prve oznake.

                                        Numeracija po brojevima (od jednog)

                                        <html > <glava > <naslov > Numerisano lista htmlnaslov > glava > <tijelo > <ol > <li > Jednomli > <li > Dvali > <li > Trili > <li >Četirili > ol > tijelo > html >
                                        1. Četiri

                                        Ako vam je potrebno da numeracija počinje od nule (nula) ili od tri, na primjer, tada morate upisati oznake u prvi start=" " i potreban broj.

                                        <html > <glava > <naslov > Numerisana lista htmlnaslov > glava > <tijelo > <ol start= "0" > <li > nulali > <li > jedanli > <li > dvali > <li > trili > ol > tijelo > html >

                                        Pogledajmo sada kako postaviti "numeraciju slova".

                                        malim slovima:

                                        <html > <glava > <naslov > Numerisane liste htmlnaslov > glava > <tijelo > <ol type= "a"> <li > Merkurli > <li > Venerali > <li > Zemljali > <li > Marsli > ol > tijelo > html >
                                        1. Merkur
                                        2. Venera
                                        3. Zemlja

                                        velikim slovima:

                                        <html > <glava > <naslov > Numerisane HTML listenaslov > glava > <tijelo > <ol type= "A"> <li > Jupiterli > <li > Saturnli > <li > Uranli > <li > Neptunli > <li ><b> Plutonb>li > ol > tijelo > html >
                                        1. Jupiter
                                        2. Saturn
                                        3. Neptun
                                        4. Pluton

                                        Osim običnih lista u html-u, možete kreirati liste na više nivoa, odnosno pododjeljke za određene stavke. Da biste to učinili, nakon oznake i naslova "

                                        • naslov "ubaci drugu listu, a zatim je zatvori drugom oznakom"
                                        "
                                        <html > <glava > <naslov > Višerazinska lista htmlnaslov > glava > <tijelo > <ul type= "kvadrat" > <li > Violinali > <li > gitara<ul > <li > klasičnali > <li > ritam gitarali > <li > električna gitarali > ul > li > <li > Bubnjevili > <li > Dudochkali > ul > tijelo > html >
                                        • Violina
                                        • gitara
                                          • klasična
                                          • ritam gitara
                                          • električna gitara
                                        • Bubnjevi
                                        • Dudochka

                                        Sljedeća lekcija će se baviti kreiranjem jednostavnog menija na osnovu znanja stečenog iz ove lekcije.