U označnom jeziku HTML hipertekst postoji oznaka

, koristi se za izradu popisa s grafičkim oznakama. Podržavaju ga svi moderni preglednici i omogućuje prikaz elemenata u redoslijedu koji ne zahtijeva numeriranje. Na primjer, vrlo često prikazuje stavke jelovnika i sve što je vezano uz popise na stranici: jela, proizvode, opremu, alate i još mnogo toga što je potrebno navesti bez navođenja prioriteta pojedine stavke.

Sintaksa oznake

• Element #1
• Element #2
• Element #3
• ...

Ovaj se kod prevodi u popis s grafičkim oznakama na web mjestu:

• Element #1
• Element #2
• Element #3

Označiti

zahtijeva obavezna uporaba oznaka za zatvaranje
.

Za formiranje elemenata liste koristi se uparena oznaka. Između početnih i završnih oznaka nalaze se pojedinačne riječi, fraze, odlomci, slike, dijelovi koda i još mnogo toga što je sadržaj popis s grafičkim oznakama.

Što može biti sadržaj popisa s grafičkim oznakama?

To mogu biti različiti tekstovi, uključujući pojedinačne riječi, izraze i odlomke, slike, ugniježđene popise, dijelove php koda i još mnogo toga što treba jednostavno označiti.

Svaka stavka popisa s grafičkim oznakama prema zadanim je postavkama uvučena 40 piksela udesno. Korištenje CSS stilovi, možemo promijeniti prikaz ovaj popis prema vlastitom nahođenju. Označiti

temelji se na blokovima, tako da zauzima cijelo područje koje mu je dostupno, ograničeno rubom zaslona, ​​okvirom tablice ili drugim elementima stranice.
Dopušteni su privici popisa unutar popisa.

Na primjer

• Element #1
• • Stavka #2-1
  • Element #2-2
  • Element #2-3
• Element #3
• ...

Atributi i svojstva oznake

Široko korišten atribut oznake

je atribut tipa koji pokazuje kako će marker popisa izgledati. Mogu uzeti sljedeće vrijednosti

1. type="disc" - marker u obliku ispunjenog kruga (ova vrijednost je zadana). Primjer diska bio je malo viši.

2. type="circle" - marker u obliku prozirnog kruga

Na primjer:

• Element #1
• Element #2

• Element #1
• Element #2

3. type="square" - marker u obliku kvadrata

Na primjer:

• Element #1
• Element #2

A evo kako to izgleda na stranici:

• Element #1
• Element #2
Napomena 1

U Vrsta CSS-a marker je naveden pomoću atributa tipa stila liste:

• ...

Pogledajmo koje vrijednosti list-style-type može uzeti:

• disk - marker u obliku kruga (primjer je gore)
• krug - marker u obliku prozirnog kruga (primjer je gore)
• kvadrat - marker u obliku kvadrata (primjer je gore)
• decimalni - marker u obliku numerirane liste arapskim brojevima: 1, 2, 3, ...
• decimal-leading-zero - oznaka u obliku numerirane liste arapskim brojevima s početnom nulom: 01, 02, 03, ...
• donja latinica - oznaka u obliku numeriranog popisa na latinici malim slovima: i, ii, iii, iv, v
• upper-roman - oznaka u obliku numeriranog popisa na latinici velikim slovima: I, II, III, IV, V
• donja latinica - oznaka liste latinica malim slovima: a, b, c, d, ...
• upper-latin - marker u obliku popisa na latiničnom pismu velikim slovima: A, B, C, D, ...
• donji-grčki - oznaka u obliku popisa na grčkom alfabetu malim slovima
• upper-greek - oznaka u obliku popisa u grčkom alfabetu velikim slovima

Napomena 2

Atribut se može dodijeliti samoj oznaci

, i oznake
• . Prilikom postavljanja atributa oznaci
  sve stavke popisa bit će prikazane kako je naznačeno atributom. Ali ovom ili onom elementu možemo dati vlastiti prikaz. Primjer na slici:

  Kod izgleda ovako:

  • Element #1
  • Element #2
  • Element #3

  • Element #1
  • Element #2
  • Element #3

  Promjena markera oznaka

  koristeći CSS

  Stavke popisa s grafičkim oznakama stvorene oznakom

  , mogu se označiti proizvoljnim slikama. CSS se koristi za promjenu tipa markera. Na primjer

  • Element #1
  • Element #2
  • Element #3

  A ovako to izgleda na stranici:

  • Element #1
  • Element #2
  • Element #3

  C koristeći CSS možemo postaviti druge vrste prikaza markera. Ali morate to zapamtiti kada specificirate bilo koji stil za oznaku

  , primjenjuje se na sve elemente popisa.

  Kemijski element litij postao je poznat zahvaljujući otkriću Johanna Augusta Arfvedsona 1817. godine kao dio aluminosilikatnog petalita. Zatim je "zapaljiva lužina" pronađena u drugim prirodnim mineralima. To je bijeli metal sa srebrnastim sjajem koji se može rezati nožem. U periodnom sustavu zauzima treće mjesto i označen je Li (od latinskog Lithium).

  Kratak opis kemijskog elementa litija

  Serijski (atomski) broj elementa u periodni sustav elemenata Mendeljejevljevi kemijski elementi jednaki su tri. U normalnim uvjetima metalni Li ima najmanju gustoću od svih poznatih metala. Osim toga, vodi u obitelji alkalnih metala u smislu tališta i vrelišta.

  Povijesne činjenice

  Prvi uzorak metala dobio je Sir Humphry Davy procesom razgradnje elektro šok talina litij hidroksida. Zajedno s prvim rezultatom elektrolize litija, Leopold Gmelin, eksperimentirajući sa solima koje sadrže litij, primijetio je obojenje plamena u tamnu boju karmina.

  Kemijska svojstva litija

  Litij pokazuje "hirovita" svojstva kada se pomiješa s natrijem i uopće ne reagira s talinama kalija, rubidija i cezija. U uvjetima sobna temperatura litij ne reagira sa suhim zrakom ili vodikom. Za razliku od drugih alkalnih metala, ne može se skladištiti u kerozinu. U tu svrhu koristite Sherwoodsko ulje, parafin, plinski benzin ili mineralno ulje u zatvorenim limenim posudama.

  Na temperaturama iznad 100, ali ispod 300 stupnjeva Celzijevih, na površini litija stvara se zaštitni oksidni film koji sprječava daljnju interakciju kemikalija. Element sa okoliš, čak i na vlažnom zraku. Metalni oblik elementa gori kada dođe u dodir s vlažnom površinom kože ili sluznice.

  Primjene litija

  Sam element i njegovi spojevi naširoko se koriste u proizvodnji stakla i kao premaz za porculan. Metalurgija crnih i obojenih metala koristi litij za davanje čvrstoće i rastegljivosti legurama i u proizvodnji maziva. Tekstilna industrija ovaj element koristi kao izbjeljivač tkanina, prehrambena kao konzervans, a farmaceutska ga industrija uspješno koristi u kozmetičkim pripravcima.

  Tekući litij je pronašao svoju primjenu u nuklearnim reaktorima; radioaktivni tricij se proizvodi pomoću izotopa litija-6. Alkalijski metal ima široku primjenu u kemijskoj industriji, kao katalizator mnogih procesa, komponenta legura od kojih se izrađuju hladne katode, kao i anode izvora struje.

  Litijev fluorid u obliku pojedinačnih kristala koristi se za stvaranje lasera visoke preciznosti s učinkovitošću od 80%. Razne veze s litijem su uključeni u detekciju grešaka, pirotehniku, radioelektroniku i optoelektroniku.

  Soli litija su psihotropna tvar, pozitivan utjecajšto je na duševno stanje čovjeka potvrđeno tek sredinom 20. stoljeća. Litijev karbonat se uspješno koristi za liječenje osoba s bipolarnim poremećajem, maničnom depresijom i suicidalnim tendencijama.

  Ovo objašnjava niska razina zločin u područjima gdje se litij nalazi u velikim količinama piti vodu. Mehanizam djelovanja elementa još uvijek je slabo poznat, ali postoje prijedlozi da se pozitivan učinak postiže regulatornom funkcijom aktivnosti nekih enzima koji sudjeluju u prijenosu iona natrija i kalija u mozak. Ravnoteža Na i K izravno je odgovorna za stanje psihe. Dokazano je da osobe sklone depresiji imaju višak natrija u stanicama, a litij ujednačava ionsku sliku.

  Svojstvo litija da smanjuje depresiju i rizik od samoubojstva ogleda se u radu grupa Nirvana i Evanescence. Njihova diskografija uključuje psihodelične pjesme pod nazivom Lithium.

  Uloga litija u aktiviranju uspavanih stanica koštane srži temelj je nade moderne medicine u borbi protiv raka krvi. Eksperimentalno je dokazano da litij blagotvorno djeluje na područja zahvaćena genitalnim herpesom. Pozitivno je zapažena uporaba Lija u kompleksnom liječenju hipertenzije i dijabetesa. Bez sumnje učinkovit u prevenciji skleroze i bolesti kardiovaskularnog sustava.

  Budući da je prisutan u mazivima, litij omogućuje razvoj Antarktika, u kritičnim uvjetima niske temperature. Bez ovog elementa, tehnologija će jednostavno propasti. Smatra se komponentom krutog raketnog goriva, jer rezultat izgaranja 1 kg krutog Li iznosi više od deset tisuća kilokalorija, što je gotovo pet puta više od rezultata izgaranja 1 kg kerozina.

  

  Zdravo, dragi čitatelji blog stranica. Danas, u sklopu ovog odjeljka, želim govoriti o raznim Html popisima koji se mogu izraditi na temelju UL, OL, LI i DL oznaka posebno dizajniranih za to. Parovi UL i LI stvaraju popise s grafičkim oznakama, parovi OL i LI stvaraju numerirane popise, a elementi DL, DT i DD stvaraju takozvane popise definicija. Također ćemo ukratko razmotriti principe stvaranja ugniježđenih struktura.

  Želio bih vas podsjetiti da smo već uspjeli razgovarati o osnovama modernog, kao i tabelarnog izgleda (). Osim toga, dotakli smo se osnova i učili.

  Popisi s grafičkim oznakama temeljeni na UL i LI oznakama

  Oznaka UL koristi se za izradu popisa s grafičkim oznakama, a oznaka OL za izradu numeriranih popisa. Ove oznake su parne i blok oznake, baš kao i element LI.

  Između početnih i završnih oznaka nalaze se pojedinačne stavke popisa, koje su pak zatvorene u početni i završni LI element. Gore i dolje HTML liste Preglednik dodaje uvlaku u jedan redak, slično uvlaci koju stvara oznaka odlomka.

  Pogledajmo, na primjer, opciju s grafičkim oznakama koja bi mogla izgledati ovako:

  • Prvi red
  • Drugi
  • Zadnji element

  Unutar otvarajuće i završne UL oznake mogu biti samo LI elementi, a unutar samih elemenata (klauzula) možete umetnuti bilo koji sadržaj (tekst, slike, naslove, odlomke, poveznice pa čak i druge liste).

  Oni. UL služi samo za pružanje popisa s grafičkim oznakama (ne poredanog) i svega što ćete vidjeti na web stranica unutar njega, implementira se korištenjem sadržaja LI elemenata.

  Za UL možete promijeniti vrstu markera upisivanjem u njega različita značenja za atribut "Vrsta". Ako “Vrsta” (kontrola izgleda markera) za UL element nije navedena, tada će se prikazati zadani izgled markera (disk - krug ispunjen bojom teksta):

  1. — ispunjen krug (zadano);
     • - nepopunjeni krug;
       • - kvadrat

  U gornjim primjerima naveli smo atribut "Type" u UL elementu pomoću ovaj tip markeri za sve artikle. Ali atribut "Vrsta" može se odrediti za svaki zasebna oznaka LI određivanjem vlastite vrste markera za ovu stavku.

  Primjer popisa s grafičkim oznakama s različite vrste marker za svaku stavku:

  

  1. Marker u obliku ispunjenog diska
  2. Marker u obliku neobojenog diska
  3. Kvadrat

  Numerirani popisi u HTML-u na temelju OL oznake

  Za izradu numeriranog popisa koriste se OL oznake unutar kojih će se opet nalaziti LI elementi. OL i LI, kao što sam već spomenuo, bazirani su na blokovima (to jest, imaju tendenciju da zauzmu sav prostor koji im je dostupan u širini) i ništa osim LI elemenata ne može se postaviti unutar OL-a.

  Ispostavilo se da su OL i UL servisne oznake koje su potrebne samo da naznače pregledniku koju vrstu popisa stvaramo (označenog ili numeriranog). U slučaju numerirane stavke, lijevo od svake stavke nećemo vidjeti oznaku, već broj i točku iza njega:

  

  1. Prvi red
  2. Druga točka
  3. Treća linija

  Kao što sam maloprije spomenuo, UL, OL i LI elementi imaju mogućnost korištenja atribut TYPE. Omogućuje vam da konfigurirate vrstu markera ili odredite koji će se brojevi ili slova koristiti za numeriranje stavki popisa. Za numerirani popis, parametri ovog atributa mogu poprimiti sljedeće vrijednosti:

  1. — numeriranje će se izvoditi uobičajenim arapskim brojevima (ista će se opcija koristiti prema zadanim postavkama, u nedostatku atributa „Vrsta”);
     1. — velika slova kao numeriranje;
        1. — mala slova;
           1. - veliki rimski brojevi;
              1. - male rimske brojke;

                 Primjer numeriranog popisa s različitim vrstama numeriranja za svaku stavku:

                 

                 1. numeriran velikim rimskim brojevima
                 2. Numeracija malim latiničnim slovima
                 3. Numeracija malim rimskim brojevima

                 Prilikom izrade numeriranih popisa također je moguće započeti numeriranje ne od jednog, već od broja navedenog u atributu START. Na primjer:

                 1. Prvi element čiji je broj naveden u oznaci OL s atributom start="23".
                 2. Sljedeća stavka, s brojem jedan veći
                 3. Još jedan

                 Za OL, također možete započeti novo numeriranje od bilo koje vrijednosti, počevši od bilo koje stavke, upisivanjem atributa VRIJEDNOST sa traženim brojem u početni LI ove stavke. Na primjer:

                 1. Prva točka s brojem jedan
                 2. Ovaj element će dobiti broj naveden u atributu value="32".
                 3. Predmet s velikim brojem

                 Dizajniranje izgleda popisa u CSS-u (style sheets)

                 Ali obično sada izgled markeri nisu specificirani kroz atribut TYPE, već , za koji su specificirana odgovarajuća svojstva.

                 Ovdje ću samo dati primjer različitih grafičkih oznaka za nenumerirane popise, čiji se izgled postavlja putem zasebna datoteka s kaskadnim listovima stilova.

                 • Prva točka
                 • Drugi
                 • Posljednji

                 Ali o tome ćemo u sljedećim člancima. Ovako je postavljen izgled UL markera na ovom blogu. Slike se koriste kao oznake: za obične stavke nenumeriranog popisa - , za ugniježđene stavke nenumeriranog popisa - .

                 Posebni i ugniježđeni popisi u HTML kodu

                 Treća i posljednja vrsta naziva se “definicijski popisi” i određuju se pomoću tri oznake - DL, DT i DD. DL govori pregledniku što će se sljedeće dogoditi popis definicija.

                 Tipično se ovaj tip koristi (ili se namjeravao koristiti) za pisanje rječničkih unosa koji se sastoje od pojmova (okruženih DT oznakama) i njihovih opisa (okruženih DD oznakama).

                 Prvi mandat

                 Opis

                 Drugi termin

                 Njegov opis

                 

                 Ako pogledate gornji primjer, primijetit ćete da je DD element (opis pojma) pomaknut (za 40 piksela) u odnosu na DT element (sam pojam).

                 Općenito, DL, DT i DD su blok oznake, a unutar DT elementa može se umetnuti samo sadržaj s ugrađenim oznakama (ispada da se blok elementi naslova i paragrafa ne mogu koristiti unutar DT). A unutar DD oznaka možete umetnuti bilo koje elemente, i inline i block.

                 Ugniježđeni popis u Html-u se stvara po analogiji s jednostavnim, ali unutar glavne liste, neke od stavki su opet zatvorene u početnu i završnu oznaku UL ili OL.

                 Imajte na umu da se završni LI stavke u kojoj će se kreirati ugniježđena stavka postavlja tek iza cijelog koda ugniježđene liste (ovo je vrlo važno za njezin ispravan prikaz na web stranici). Ugniježđeni popis može izgledati otprilike ovako:

                 

                 1. Prvi odlomak glavnog numeriran
                 2. Druga točka
                    • Prvi element ugniježđenih grafičkih oznaka
                    • Drugi
                    • Treća i posljednja točka
                 3. Treći element označen brojem

                 Sretno ti! Vidimo se uskoro na stranicama bloga

                 Više videa možete pogledati ako odete na

                 ");">
                 

                 Moglo bi vas zanimati

                 Kako umetnuti u HTML veza i slika (fotografija) - IMG i A oznake
                 HTML obrasci za web mjesto - oznake Form, Input and Select, Option, Textarea, Label i druge za izradu elemenata web obrasca Select, Option, Textarea, Label, Fieldset, Legend - Html oznake za oblik padajućih popisa i polje za tekst
                 Kako su postavljene boje u Html i CSS kodu, izbor RGB nijansi u tablicama, Yandex izlaz i drugi programi
                 Ugradi i objekt - HTML oznake za prikaz medijskih sadržaja (video, flash, audio) na web stranicama
                 Oznake naslova i atributi H1-H6, vodoravna crta Hr, prijelom retka Br i prijelom odlomka P prema Html 4.01 standardu
                 Tablice u Html - Table, Tr i Td oznake, kao i Colspan, Cellpadding, Cellspacing i Rowspan za njihovo stvaranje

                 HTML podržava tri metode pohrane i prikaza popisi. Svaki popis sastoji se od jednog ili više elementi popisa. Liste su podijeljene na:

                 • popisi definicija.

                 Upravo navedeni popis označen je oznakama i izgleda ovako HTML jezik Tako:

                 • označeni (neuređeni) popisi;
                 • numerirane (sređene) liste;
                 • popisi definicija.

                 Numerirani popis izgleda slično, ali su njegovi elementi numerirani:

                 1. prvi element liste;
                 2. drugi element liste;
                 3. treći element liste.
                 1. prvi element liste;
                 2. drugi element liste;
                 3. treći element liste.

                 Konačno, popisi definicija sastoje se od parova pojam/definicija, iako je njihova primjena puno šira. Primjer korištenja popisa definicija za sastavljanje kazališnog repertoara: 1. srpnja A.K.Tolstoj. Car Fedor Ioannovič 4. srpnja W. Thackeray. sajam taštine 9. srpnja A. Ostrovski. Vukovi i ovce

                 U HTML-u to piše ovako:

                 1. srpnja

                 A.K.Tolstoj. Car Fedor Ioannovič

                 4. srpnja

                 W. Thackeray. sajam taštine

                 9. srpnja

                 A. Ostrovski. Vukovi i ovce

                 Popisi se mogu ugniježditi jedan u drugi, a moguće je ugniježditi popise jednog tipa u popise drugog tipa. Sljedeći recept za kajganu i šunku prikazuje popis definicija koji uključuje popis s grafičkim oznakama (sastojci) i numerirani popis (metoda pripreme):

                 Sastojci:
                 • jaja 6 kom.
                 • šunka 200 gr
                 • maslac 2 žlice. žlice
                 • soli po ukusu
                 • zelenilo
                 Način kuhanja:
                 1. Šunku narežite na sitne kockice i popržite na maslacu.
                 2. Na prženu šunku razbiti jaja.
                 3. Posolite i pržite na laganoj vatri.
                 4. Prije posluživanja pospite začinskim biljem.

                 Način na koji se popisi prikazuju razlikuje se ovisno o pregledniku i može se prilagoditi postavljanjem stila popisa.

                 1.4.2. Popisi s grafičkim oznakama: UL element

                 Sintaksa: (blok element) Atributi: , klasa , stil , naslov , jezik , direktorij , događaji podrška red ignorirano (4.0+)

                 Element UL(neuređen popis) definira popis s grafičkim oznakama. Njegov sadržaj mora biti jedan ili više elemenata. Preglednici obično prikazuju stavke popisa s grafičkim oznakama uvučene udesno, s grafičkom oznakom ispred početka stavke (pogledajte gornje primjere). Svojstvo stilova u stilu popisa omogućuje autorima da mijenjaju izgled markera, zabranjuju njihov prikaz itd.

                 1.4.3. Numerirane liste: OL element

                 Sintaksa:(blok element) Atributi: , klasa , stil , naslov , jezik , direktorij , događaji podrška: Potpuna usklađenost sa standardnim (5.0+) atributom red ignorirano (4.0+)

                 Element OL(uređeni popis) definira numerirani popis. Njegov sadržaj mora biti jedan ili više elemenata. Preglednici obično prikazuju numerirane stavke popisa uvučene s desne strane i s brojem ispred početka stavke (pogledajte gornje primjere). Svojstvo stilova u stilu popisa omogućuje autorima promjenu načina na koji su stavke popisa numerirane.

                 1.4.4. Elementi popisa: element LI

                 Sintaksa: Atributi: , klasa , stil , naslov , jezik , direktorij , događaji podrška: Potpuna usklađenost sa standardnim (5.0+) atributom red ignorirano (4.0+)

                 Element LI(stavka popisa) definira element označeni ili numerirani popis. Može uključivati ​​druge blok elemente, uključujući i elemente, čime vam omogućuje stvaranje višerazinskih ugniježđenih popisa. Način na koji se prikazuje ovisi o vrsti popisa i može se promijeniti svojstvom styles u stilu popisa .

                 1.4.5. Popisi definicija: DL, DT i DD elementi

                 Sintaksa:

                 …

                 (blok element) Atributi: , klasa , stil , naslov , jezik , direktorij , događaji Sintaksa:
                 …
                 (blok element, završna oznaka nije obavezna) Atributi: , klasa , stil , naslov , jezik , direktorij , događaji Sintaksa:
                 …
                 (blok element, završna oznaka nije obavezna) Atributi: , klasa , stil ,

                 Norma ne isključuje mogućnost davanja više definicija za jedan pojam ili jedne definicije za više pojmova, kao što je prikazano u sljedećem primjeru:

                 Uniformni identifikator izvora

                 Uniformni identifikator izvora

                 Standardizirani niz koji pokazuje na Internet resurs, kao što je HTML dokument ili disk datoteka.

                 Ovaj primjer bi se prikazao ovako:

                 Uniformni identifikator izvora Uniformni identifikator izvora Standardizirani niz koji upućuje na internetski izvor, poput HTML dokumenta ili diskovne datoteke.

                 Kao što je gore navedeno, popisi definicija imaju prilično širok raspon upotreba. Jedan od njih je prikaz dijaloga u kojima element D.T. sadrži ime govornika, A dd- njegove ili njezine riječi. Primjer takvog dijaloga iz “Voćnjaka trešnja” A. P. Čehova:

                 Jele

                 Prije nesreće bilo je isto: sova je vrištala, a samovar je nekontrolirano zujao.

                 Gaev

                 Pred kakvom nesrećom?

                 Jele

                 Prije oporuke.

                 Ovaj će se dijaloški okvir pojaviti ovako:

                 Jele Prije nesreće bilo je isto: sova je vrištala, a samovar je nekontrolirano zujao. Gaev Pred kakvom nesrećom? Jele Prije oporuke.