HTML poskytuje špeciálnu sadu značiek na prezentáciu informácií vo forme zoznamov. Zoznamy sú jednou z najčastejšie používaných foriem prezentácie údajov v elektronických dokumentoch aj v tlačenej podobe. So zoznamami sa stretávame takmer denne – môže ísť o zoznam nevyhnutných nákupov v obchode, študentov v triede, alebo len vecí, ktoré treba urobiť. Schopnosť organizovať štruktúry zoznamov je dostupná v mnohých textových editoroch, najmä výkonný textový procesor Microsoft Word má pohodlné nástroje na formátovanie zoznamov rôznych typov (možnostiam vytvárania zoznamov HTML pomocou programu Microsoft Word sa zaoberáme v kapitole 8). Tu je niekoľko prípadov, pre ktoré je použitie zoznamov celkom pohodlné:
- Spojenie častí informácií do jedinej štruktúry, aby sa dosiahol čitateľný vzhľad.
- Popis zložitých procesov krok za krokom.
- Umiestnenie informácií v štýle obsahu, ktorého odseky označujú zodpovedajúce časti dokumentu.
Všimnite si, že vyššie uvedené položky sú len usporiadané vo forme štruktúry zoznamu.
HTML poskytuje tieto základné typy zoznamov: zoznam s odrážkami, číslovaný zoznam a zoznam definícií. Nasledujúce značky sa používajú na implementáciu zoznamov rôznych typov:
- ,
- (LI - Položka zoznamu). Tag
- nepotrebuje vhodný koncový štítok, hoci jeho prítomnosť v zásade nie je zakázaná. Prehliadače zvyčajne pri zobrazení dokumentu začínajú každú novú položku zoznamu na novom riadku.
Poskytnuté informácie sú dostatočné na vytvorenie základného zoznamu s odrážkami. Tu je príklad dokumentu HTML, ktorý používa zoznam s odrážkami, ktorý sa zobrazí v prehliadači, ako je znázornené na obr. 2.1.
Príklad zoznamu odrážok - Baran
- Býk
- Dvojičky
- Rakovina
- Lev
- Panna
- váhy
- Scorpion
- Strelec
- Kozorožec
- Vodnár
- Ryby
Znamenia zverokruhu:
Ryža. 2.1. Zobrazenie zoznamu s odrážkami v prehliadači
Všimnite si, že okrem položiek zoznamu označených značkou
- , môžu byť prítomné ďalšie prvky HTML. Vo vyššie uvedenom príklade je jedným z týchto prvkov obyčajný text, ktorý nie je položkou zoznamu, ale zohráva úlohu jeho nadpisu.
Poznámka
Niektoré učebnice HTML vás poučujú, aby ste na nastavenie názvu zoznamu použili kontajner značiek.
(LH - Hlavička zoznamu, hlavička zoznamu). Túto značku v súčasnosti nerozpoznáva žiadny z bežných prehliadačov a nie je súčasťou špecifikácie HTML. Jeho aplikácia tak stráca zmysel, hoci nepovedie k žiadnym chybám. V tagu
- možno zadať dva parametre: COMPACT a TYPE.
- .
Príklad nahrávania:
-
.
Poznámka
Prehliadače majú rôzne interpretácie na určenie typu odrážky pre individuálnu položku zoznamu. Prehliadač Netscape zmení typ značky pre túto a všetky nasledujúce, kým nenarazí na ďalšie prepísanie typu značky. Internet Explorer zmení značku iba pre tento prvok.
Grafické značky zoznamu
Grafiku možno použiť ako značky zoznamu, čo sa široko používa na vytváranie atraktívnych, krásne navrhnutých dokumentov HTML. V skutočnosti takúto možnosť neposkytuje priamo jazyk HTML, ale je implementovaná akosi umelo. To neznamená, že sa to neodporúča alebo odsúdeniahodné, ale znamená to len to, že tu nebudú použité žiadne špeciálne konštrukcie jazyka HTML.
Aby ste pochopili túto myšlienku, musíte pochopiť, ako sú zoznamy implementované na stránkach HTML. Ukazuje sa, že značka zoznamu
- (ako mimochodom značky iných typov zoznamov uvedených nižšie) vykonáva jedinú úlohu - hovorí prehliadaču, že všetky informácie umiestnené za touto značkou by sa mali zobrazovať s posunom doprava (odsadené) o určitú hodnotu. Tagy
- ktoré ukazujú na jednotlivé položky zoznamu, poskytujú štandardné značky položiek zoznamu.
Ak potrebujeme zostaviť zoznam s grafickými značkami, vystačíme si úplne bez značiek.
- ... Bude stačiť vložiť požadovaný grafický obrázok pred každý prvok zoznamu. Jediným problémom, ktorý je v tomto prípade potrebné vyriešiť, bude oddelenie prvkov zoznamu od seba. Na to môžete použiť značky odsekov
Alebo nútený posuv vlasca
... Príklad implementácie zoznamu s grafickými značkami, ktorých zobrazenie je na obr. 2.2 je uvedený nižšie:Zoznam s odrážkami Znamenia zverokruhu:
Baran
Ryža. 2.2. Zoznam odrážok s grafickými značkami
V uvedenom príklade je ako značka položiek zoznamu použitý grafický súbor Green_ball.gif. Upozorňujeme, že použitie grafiky na stránkach HTML môže výrazne zvýšiť množstvo prenášaných informácií. V tomto prípade je však tento nárast mimoriadne nevýznamný. Tu sa rovnaký súbor používa pre všetky značky,
ktorý sa bude vysielať iba raz. Veľkosť súboru obsahujúceho malý obrázok je tiež extrémne malá.
Poznámka
Metódy vytvárania zoznamov s grafickými značkami sú postupne diskutované v kapitole 8.
Číslovaný zoznam
Ďalším typom zoznamov implementovaných v HTML je číslovaný zoznam. V opačnom prípade sa zoznamy tohto typu nazývajú usporiadané. Posledné meno sa často používa ako formálny preklad názvu zodpovedajúcej značky.
- , pomocou ktorej sú zoznamy tohto typu organizované v HTML dokumentoch (OL - Ordered List).
- .
Tu je príklad dokumentu HTML pomocou očíslovaného zoznamu, ktorého displej prehliadač je znázornený na obr. 2.3.
Príklad číslovaného zoznamu - Sirius
- Na anopus
- Arcturus
- Alfa Centauri
- Vega
- K apella
- Rigel
- Procyon
- Achernar
- Beta Centauri
- Vetelgeuse
- Aldebaran
. . .- Mizar
. . .- Polárny
Najjasnejšie hviezdy viditeľné zo Zeme:
Ryža. 2.Z.Číslovaný zoznam
V tagu
- možno zadať nasledujúce parametre: COMPACT, TYPE a START.
- .
Príklad nahrávania:
- .
Parameter START tag
- umožňuje začať číslovanie zoznamu číslom, ktoré nie je číslo jedna. Prirodzené číslo musí byť vždy uvedené ako hodnota parametra ŠTART, bez ohľadu na typ číslovania zoznamov. Uveďme príklad:
- pre číslované zoznamy umožňuje použitie parametrov TYPE a VALUE. Parameter TYPE môže nadobúdať rovnaké hodnoty ako pre značku.
- .
- .
Poznámka
Prehliadače interpretujú špecifikovanie typu číslovania pre jednotlivé položky zoznamu odlišne. Prehliadač Netscape zmení číslovanie tohto prvku a všetkých nasledujúcich prvkov, kým nenarazí na ďalšie prepísanie. Internet Explorer zmení vzhľad čísla len pre túto položku.
Zhodnotu parametra VALUE značky
- - umožňuje zmeniť číslo tejto položky zoznamu. Tým sa zmení aj číslovanie všetkých nasledujúcich prvkov. Typickými aplikáciami sú zoznamy s vynechaním určitých prvkov. Príklad takéhoto zoznamu bol uvedený vyššie (obr. 2.3). Uvádza zoradený zoznam najjasnejších hviezd, v ktorom sú na 58 a 75 miestach hviezdy, ktoré sú jasne viditeľné v našich zemepisných šírkach (Mizar je najjasnejšia hviezda v súhvezdí Veľká medvedica a Polárna hviezda je Malý medveď).
Tu je ďalší originálny príklad použitia rôznych typov číslovania. Nasledujúci HTML kód obsahuje tri zoznamy s rôznym číslovaním. Pre jednoduchšie prezeranie je každý zo zoznamov umiestnený v samostatnej bunke tabuľky. Všetky tri zoznamy sú identické a líšia sa iba typom číslovania: v prvom stĺpci tabuľky - arabské číslice, v druhom - rímske a v treťom je číslovanie latinkou. Všimnite si, že položky zoznamu sú prázdne, t. j. za ľubovoľnou značkou
- nie sú k dispozícii žiadne údaje. Príklad tohto druhu možno použiť ako tabuľku zhody medzi záznamom čísel arabskými a rímskymi číslicami. Ukázalo sa, že každý prehliadač, ktorý podporuje zoznamy, môže byť použitý ako generátor takejto tabuľky (obrázok 2.4), pokiaľ zadáte poskytnutý HTML kód. Rímske číslice fungujú správne až do 3999. Preskúmaním pravého stĺpca môžete pochopiť, ako sa rímske číslice číslujú. Po vyčerpaní jednopísmenového číslovania (od A po Z) sa prvé dvojpísmenové číslo berie ako ďalšie číslo - AA atď.
Používanie rôznych typov číslovania v zoznamoch -
. . .
-
. . .
-
. . .
Ryža. 2.4. Rôzne typy číslovania zoznamov HTML
Zoznam definícií
Zoznamy definícií, nazývané aj slovníky definícií špeciálnych termínov, sú špeciálnym druhom zoznamov. Na rozdiel od iných typov zoznamov má každá položka v definičnom zozname vždy dve časti. V prvej časti položky zoznamu je napísaný definovaný pojem av druhej časti text vo forme slovníkového hesla prezrádzajúci význam pojmu.
Zoznamy definícií sú špecifikované pomocou kontajnerovej značky
- (Zoznam definícií). Vo vnútri kontajnera so štítkom
- (Definition Term) označuje definovaný pojem a značku
- (Definition Description) - odsek s jeho definíciou. Pre značky
- a
- nemusíte písať zodpovedajúce koncové značky.
Vo všeobecnosti je zoznam definícií napísaný takto:
- Termín
- Definícia pojmu
V texte za značkou
- prvky na úrovni bloku, ako sú značky odseku, nemožno použiť
Alebo hlavičky
-
... Text definovaného termínu by mal byť zvyčajne na jednom riadku. Text obsahujúci definíciu termínu sa zobrazí počnúc nasledujúcim riadkom (alebo cez riadok pre niektoré prehliadače) po definícii termínu, odsadený vpravo. V informáciách umiestnených za značkou
- , môžu byť umiestnené prvky na úrovni bloku. To konkrétne znamená, že zoznamy definícií môžu byť vnorené.
V tagu
- možno špecifikovať parameter COMPACT, ktorého účel je podobný ako pri ostatných vyššie popísaných zoznamoch.
- Flegmatický človek
- Pasívny, veľmi zdatný, pomaly sa prispôsobujúci;
stabilná nálada, málo prístupná vonkajším vplyvom;
letargia emocionálnych reakcií a pomalosť vôľovej činnosti
- Sangvinik
- Aktívny, energický, ľahko prispôsobivý, -
živosť a pohyblivosť citových reakcií, rýchlosť a sila vôľových prejavov
- Cholerik
- Aktívny, veľmi energický, vytrvalý;
impulzívnosť a sila citových reakcií, prudké vôľové prejavy
- Melancholický
- Pasívny, ľahko sa unaví, ťažko sa prispôsobí, -
slabosť vôle a prevládajúca depresívna nálada, pochybnosti o sebe - Zempia
- mesiac
- Mapc
- Phobos
- Deimos
- Urán
- Ariel
- Umbriel
- Titania
- Oberon
- Miranda
- Neptún
- Triton
- Nereid
Jedným z typov zoznamov implementovaných v HTML je zoznam s odrážkami. V opačnom prípade sa zoznamy tohto typu nazývajú neusporiadané alebo neusporiadané. Posledné meno sa často používa ako formálny preklad názvu zodpovedajúcej značky.
- , pomocou ktorej sú zoznamy tohto typu organizované v HTML dokumentoch (UL - Unordered List, unordered list).
- (LI - Položka zoznamu). Tag
- nepotrebuje vhodný koncový štítok, hoci jeho prítomnosť v zásade nie je zakázaná. Prehliadače zvyčajne pri zobrazení dokumentu začínajú každú novú položku zoznamu na novom riadku.
Poskytnuté informácie sú dostatočné na vytvorenie základného zoznamu s odrážkami. Tu je príklad dokumentu HTML, ktorý používa zoznam s odrážkami, ktorý sa zobrazí v prehliadači, ako je znázornené na obr. 2.1.
Príklad zoznamu odrážok Znamenia zverokruhu:
- Baran
- Býk
- Dvojičky
- Panna
- váhy
- Scorpion
- Strelec
- Kozorožec
- Vodnár
- Ryby
Ryža. 2.1. Zobrazenie zoznamu s odrážkami v prehliadači
Všimnite si, že okrem položiek zoznamu označených značkou
- , môžu byť prítomné ďalšie prvky HTML. Vo vyššie uvedenom príklade je jedným z týchto prvkov obyčajný text, ktorý nie je položkou zoznamu, ale zohráva úlohu jeho nadpisu.
Poznámka
Niektoré učebnice HTML vás nabádajú, aby ste na nastavenie názvu zoznamu použili značku kontajnera.
(LH - Hlavička zoznamu, hlavička zoznamu). Túto značku v súčasnosti nerozpoznáva žiadny z bežných prehliadačov a nie je súčasťou špecifikácie HTML. Jeho aplikácia tak stráca zmysel, hoci nepovedie k žiadnym chybám. V značke
- možno zadať dva parametre: COMPACT a TYPE.
- .
Príklad nahrávania:
- .
Poznámka
Prehliadače majú rôzne interpretácie na určenie typu odrážky pre individuálnu položku zoznamu. Prehliadač Netscape zmení typ značky pre túto a všetky nasledujúce, kým nenarazí na ďalšie prepísanie typu značky. Internet Explorer zmení značku iba pre tento prvok.
Grafické značky zoznamu
Grafiku možno použiť ako značky zoznamu, čo sa široko používa na vytváranie atraktívnych, krásne navrhnutých dokumentov HTML. V skutočnosti takúto možnosť neposkytuje priamo jazyk HTML, ale je implementovaná akosi umelo. To neznamená, že sa to neodporúča alebo odsúdeniahodné, ale znamená to len to, že tu nebudú použité žiadne špeciálne konštrukcie jazyka HTML.
Aby ste pochopili túto myšlienku, musíte pochopiť, ako sú zoznamy implementované na stránkach HTML. Ukazuje sa, že značka zoznamu
- (ako mimochodom značky iných typov zoznamov uvedených nižšie) vykonáva jedinú úlohu - hovorí prehliadaču, že všetky informácie umiestnené za touto značkou by sa mali zobrazovať s posunom doprava (odsadené) o určitú hodnotu. Tagy
- ktoré ukazujú na jednotlivé položky zoznamu, poskytujú štandardné značky položiek zoznamu.
Ak potrebujeme zostaviť zoznam s grafickými značkami, vystačíme si úplne bez značiek.
- ... Bude stačiť vložiť požadovaný grafický obrázok pred každý prvok zoznamu. Jediným problémom, ktorý je v tomto prípade potrebné vyriešiť, bude oddelenie prvkov zoznamu od seba. Na to môžete použiť značky odsekov
Alebo nútený posuv vlasca
... Príklad implementácie zoznamu s grafickými značkami, ktorých zobrazenie je na obr. 2.2 je uvedený nižšie:ktorý sa bude vysielať iba raz. Veľkosť súboru obsahujúceho malý obrázok je tiež extrémne malá.
Poznámka
Metódy vytvárania zoznamov s grafickými značkami sú postupne diskutované v kapitole 8.
- 4,5 z 5 na základe 2 hlasov
Veľmi často musia byť určité informácie na stránke prezentované vo forme zoznamov.
Zoznamy vám umožňujú organizovať a organizovať rôzne informácie a prezentovať ich návštevníkovi vo vhodnej forme.
Zoznamy HTML prichádzajú v troch variantoch: zoznamy s odrážkami, číslované zoznamy a zoznamy definícií. Pozrime sa, ako ich vytvoriť v poradí.
Zoznam s odrážkami.
Tento typ zoznamu sa používa najčastejšie. Zoznam s odrážkami v HTML sa vytvára pomocou značiek
- ... V tomto prípade je značka pridaná oproti každej položke v zozname, štandardne je to značka v tvare kruhu. Pomocou značiek sa vytvorí kontajner, v ktorom sa nachádzajú položky zoznamu:.
Kód zoznamu s odrážkami bude vyzerať takto:
- Možnosť je
- Možnosť syakoy
- Akási možnosť
Môžete sa pokúsiť vytvoriť stránku HTML pomocou tohto kódu a ako výsledok získate nasledujúci zoznam:
Ako vidíte, každá položka zoznamu je umiestnená na novom riadku s určitým odsadením vľavo, hore a dole. Každá položka v zozname začína značkou, ako značku možno použiť vyplnený kruh (predvolené), kruh alebo štvorec. Tag
- existuje atribút typu, pomocou ktorého sa nastavuje štýl značky. Tento atribút má nasledujúce významy:
- disk - kruh;
- kruh - kruh;
- štvorec — štvorec.
- Možnosť je
- Možnosť syakoy
- Akási možnosť
- Možnosť je
- Možnosť syakoy
- Akási možnosť
- ... Týmto spôsobom môžete vytvoriť zoznam s rôznymi značkami.
- Možnosť je
- Možnosť syakoy
- Akási možnosť
Výsledkom bude nasledovné:
Číslované zoznamy.
Číslované zoznamy v HTML sú zoznamy, v ktorých má každá položka poradové číslo, číslované zoznamy sa vytvárajú pomocou značky
- a vnorené do jeho značiek
-
- Prvá línia
- Druhý riadok
- Tretí riadok
Zoznam vyzerá takto:
Štandardne sa číslovanie robí arabskými číslicami. Ale tá značka
- existuje atribút typu, pomocou ktorého hodnôt je možné číslovanie robiť veľkými písmenami (typ = "A") alebo malými písmenami (typ = "a") latinkou, veľkými rímskymi číslicami (typ = " I") a nižší (typ = "i" ) register.
- ... Tag
- vytvorí kontajner pre zoznam, značku
- nastavuje výraz a značku
- popis alebo definícia pojmu.
Tento zoznam je napísaný takto:
- Termín 1
- Definícia pojmu 1
- Termín 2
- Definícia pojmu 2
- Termín 3
- Definícia pojmu 3
Výsledkom bude nasledujúci zoznam:
Ako vidíte, vytvorí sa tým vhodné odsadenie pre výraz a text definície.
Vnorené alebo vrstvené zoznamy v HTML.
Niekedy je potrebné vnoriť ďalší zoznam do jedného prvku určitého typu zoznamu. V HTML je možné zabaliť niektoré zoznamy do prvkov iných zoznamov donekonečna.
Tu je napríklad kód, ktorý vkladá číslované zoznamy do položiek zoznamu s odrážkami.
- Možnosť je
- Prvá línia
- Druhý riadok
- Tretí riadok
- Možnosť syakoy
- Prvá línia
- Druhý riadok
- Tretí riadok
- Akási možnosť
- Prvá línia
- Druhý riadok
- Tretí riadok
HTML zoznamy sa používajú na zoskupenie súvisiacich informácií. Existujú tri typy zoznamov:
odrážkový zoznam —
- - každý prvok zoznamu
- označené fixkou,
číslovaný zoznam —- - každý prvok zoznamu
- označené číslom,
zoznam definícií- - pozostáva z dvojíc výrazov- —
- definícia.
Každý zoznam je kontajner, ktorý obsahuje položky zoznamu alebo páry výraz-definícia. Položky zoznamu sa správajú ako blokové prvky, ukladajú sa jeden pod druhý a zaberajú celú šírku kontajnerového bloku. Každá položka zoznamu má na strane ďalšie pole, ktoré sa nezúčastňuje na rozložení.
Generovanie HTML zoznamov
1. Zoznam s odrážkami
Zoznam s odrážkami je neusporiadaný zoznam (z anglického neusporiadaného zoznamu)... Vytvorené pomocou spárovanej značky
... Značka položky zoznamu je štítok, napríklad vyplnený kruh.Prehliadače predvolene pridávajú do zoznamu nasledujúce formátovanie:
Každá položka zoznamu je vytvorená pomocou párovej značky
- (z anglickej položky zoznamu).
- k dispozícii.
- Microsoft
- Apple
2. Číslovaný zoznam
Číslovaný zoznam sa vytvára pomocou spárovanej značky. Každá položka zoznamu je tiež vytvorená pomocou prvku
- označené číslom,
- ... Prehliadač očísluje prvky v poradí automaticky a ak vymažete jeden alebo viac prvkov takéhoto zoznamu, zvyšok čísel sa automaticky prepočíta.
Pole so zoznamom má tiež predvolené štýly prehliadača:
- je dostupný atribút value, ktorý umožňuje zmeniť predvolené číslo pre vybratú položku zoznamu. Napríklad, ak pre prvú položku v zozname, ktorú nastavíte
- , potom sa zvyšok číslovania prepočíta vzhľadom na novú hodnotu.
Pre značku
- k dispozícii sú nasledujúce atribúty:
- Microsoft
- Apple
- a
- k dispozícii.
- riaditeľ:
- Petra Točilina
- Obsadenie:
- Andrej Gaidulyan
- Alexej Gavrilov
- Vitalij Gogunskij
- Marija Kozhevnikovová
Ryža. 3. Zoznam definícií4. Vnorený zoznam
Možnosti jednoduchých zoznamov často nestačia, napríklad pri vytváraní obsahu sa bez nich nezaobídete vnorené položky... Označenie pre vnorený zoznam by bolo nasledovné:
- odsek 1
- bod 2.
- Článok 2.1.
- Článok 2.2.
- Článok 2.2.1.
- Článok 2.2.2.
- Článok 2.3.
- bod 3.
Ryža. 4. Vnorený zoznam5. Viacúrovňový číslovaný zoznam
Vrstvený zoznam sa používa na zobrazenie položiek zoznamu na rôznych úrovniach s rôznym odsadením. Označenie pre viacúrovňový číslovaný zoznam by bolo nasledovné:
- odstavec
- odstavec
- odstavec
- odstavec
- odstavec
- odstavec
- odstavec
- odstavec
- odstavec
- odstavec
- odstavec
Toto predvolené označenie vytvorí nové číslovanie založené na jednotke pre každý vnorený zoznam. Ak chcete vytvoriť vnorené číslovanie, musíte použiť nasledujúce vlastnosti:
vynulovanie počítadla vynuluje jedno alebo viac počítadiel a nastaví hodnotu, ktorá sa má vynulovať;
prírastok počítadla udáva hodnotu prírastku počítadla, t.j. akým krokom bude každá nasledujúca položka očíslovaná;
obsah - vygenerovaný obsah, v tomto prípade je zodpovedný za zobrazenie čísla pred každou položkou v zozname.Ol (/ * odstráňte štandardné číslovanie * / štýl zoznamu: žiadny; / * Identifikujte počítadlo a pomenujte ho li. Hodnota počítadla nie je zadaná - štandardne je 0 * / počítadlo vynulovať: li;) li : before (/ * Definujeme prvok, ktorý sa má číslovať - li. Pseudoprvok before určuje, že obsah vložený pomocou vlastnosti content sa zobrazí pred položkami zoznamu. Toto je tiež hodnota prírastku počítadla (predvolená hodnota je 1). * / Prírastok počítadla: li; / * Vlastnosť content zobrazuje počet počítadiel položiek zoznamu () znamená, že vygenerovaný text je hodnotou všetkých počítadiel s týmto názvom. Bodka v úvodzovkách pridáva oddeľovaciu bodku medzi čísla a bodku s medzerou sa pridáva pred obsah každej položky zoznamu * / obsah: počítadlá (li, "."") ".";)
Ryža. 5. Viacúrovňový číslovaný zoznam
Tabuľka 1. Atribúty značiek
Atribút Popis, akceptovaná hodnota obrátené Atribút reverse určuje zobrazenie zoznamu v opačnom poradí (napríklad 9, 8, 7 ...). začať Atribút štart nastavuje počiatočnú hodnotu, od ktorej sa začne číslovanie, napríklad stavba - prvej položke bude pridelené poradové číslo „10“. Zároveň môžete nastaviť aj typ číslovania, napr.
- .
typu Atribút type určuje druh značky, ktorá sa má použiť v zozname (ako písmená alebo čísla). Akceptované hodnoty:
1 - predvolená hodnota, desiatkové číslovanie.
A - číslovanie zoznamu v abecednom poradí veľkými písmenami (A, B, C, D).
a - číslovanie zoznamu v abecednom poradí, malé písmená (a, b, c, d).
I - číslovanie rímskymi veľkými číslicami (I, II, III, IV).
i - číslovanie rímskymi malými číslicami (i, ii, iii, iv).3. Zoznam definícií
Zoznamy definícií sú vytvorené pomocou značky
Pole so zoznamom definícií má nasledujúce predvolené štýly prehliadača:
Pre značky
- ,
Číslované zoznamy sú kolekciou položiek s ich poradovými číslami. Typ a typ číslovania závisí od atribútov tagu
- , ktorý sa používa na vytvorenie zoznamu. Každá položka v očíslovanom zozname je označená štítkom
- ako je uvedené nižšie.
- Prvý bod
- Druhý bod
- Tretí bod
Ak nešpecifikujete žiadne ďalšie atribúty, stačí napísať značku
- , potom je predvolený zoznam s arabskými číslami (1, 2, 3, ...), ako je uvedené v príklade 11.3.
- vytvorenie dochvíľnosti (nikdy nebudete na nič meškať);
- zotavenie sa z dochvíľnosti (nikdy sa nikam neponáhľajte);
- zmena vnímania času a hodín.
- arabské čísla (1, 2, 3, ...);
- veľké latinské písmená (A, B, C, ...);
- malé latinské písmená (a, b, c, ...);
- veľké rímske čísla (I, II, III, ...);
- malé rímske čísla (i, ii, iii, ...).
- Kráľ Magnum XLIV
- Kráľ Siegfried XVI
- Kráľ Žigmund XXI
- Kráľ Husbrandt I
Príklad 11.3. Vytvorte očíslovaný zoznam
Číslovaný zoznam Práca s časom
Výsledok tohto príkladu je znázornený na obr. 11.3.
Ryža. 11.3. Zobrazenie číslovaného zoznamu
Všimnite si, že očíslovaný zoznam tiež pridáva automatické zarážky do hornej, dolnej a ľavej časti textu.
Ako prvky číslovania možno použiť nasledujúce hodnoty:
Atribút type značky sa používa na označenie typu číslovaného zoznamu.
- ... Jeho možné hodnoty sú uvedené v tabuľke. 11.2.
Tab. 11.2. Typy číslovaných zoznamov
Typ zoznamu HTML kód Príklad arabské čísla
1. Cheburashka
2. Krokodíl Gena
3. ShapoklyakVeľké písmená latinskej abecedy
A. Cheburashka
B. Krokodíl Gena
C. ShapoklyakMalé písmená latinskej abecedy
a. Cheburashka
b. Krokodíl Gena
c. ShapoklyakVeľké rímske čísla
I. Cheburashka
II. Krokodíl Gena
III. ShapoklyakMalé rímske čísla
i. Cheburashka
ii. Krokodíl Gena
iii. ShapoklyakAk chcete začať zoznam na konkrétnej hodnote, použite atribút štart značky
- ... Nezáleží na tom, aký typ zoznamu je nastavený pomocou typu, atribút štart funguje rovnako s rímskymi a arabskými číslami. Príklad 11.4 ukazuje, ako vytvoriť zoznam s použitím veľkých rímskych číslic začínajúcich osem.
Príklad 11.4. Číslovanie zoznamov
Rímske čísla
Výsledok tohto príkladu je znázornený na obr. 11.4.
Ryža. 11.4. Číslovaný zoznam s rímskymi číslami
Nižšie sú uvedené skrátené verzie kódu a typ číslovania, ktorý môže byť v jednom alebo druhom prípade.
Zobrazenie zoznamu:
Zobrazenie zoznamu:
Číslovanie malými písmenami latinskej abecedy:
Zobrazenie zoznamu:
Zobrazenie zoznamu:
Zobrazenie zoznamu:
Zoznam definícií v HTML.
Zoznamy definícií sú špeciálnym druhom zoznamu. Líšia sa tým, že každý prvok zoznamu pozostáva z dvoch prvkov, výrazu a textu, ktorý odhaľuje jeho význam. Tieto zoznamy sa vytvárajú pomocou značiek
Disk je predvolený.
Príklad vytvorenia zoznamu s odrážkami s odrážkami vo forme kruhu:
V dôsledku toho bude zoznam vyzerať takto:
Vytvorte zoznam s odrážkami so štvorcovými značkami:
Zoznam bude vyzerať takto:
Atribút type možno použiť na viac než len značku
- ale aj k tagu
- ... V tomto prípade je značka pridaná oproti každej položke v zozname, štandardne je to značka v tvare kruhu. Pomocou značiek sa vytvorí kontajner, v ktorom sa nachádzajú položky zoznamu:.
- ktoré ukazujú na jednotlivé položky zoznamu, poskytujú štandardné značky položiek zoznamu.
Parameter COMPACT je zapísaný bez hodnôt a používa sa na pokyn prehliadača, aby zobrazil tento zoznam v kompaktnom formáte. Môže sa napríklad zmenšiť písmo alebo vzdialenosť medzi riadkami zoznamu atď.
Poznámka
V súčasnosti je v tagu prítomný parameter COMPACT
- žiadnym spôsobom neovplyvňuje zobrazovanie zoznamov poprednými prehliadačmi. Preto je použitie tohto parametra nezmyselné, najmä preto, že jeho použitie neodporúča špecifikácia HTML 4.0.
Parameter TYPE môže nadobúdať nasledujúce hodnoty: disk, kruh a štvorec. Tento parameter sa používa na vynútenie zobrazenia značiek zoznamu. Presný typ značky bude závisieť od použitého prehliadača. Typické možnosti zobrazenia sú nasledovné:
TYP = disk - značky sú zobrazené s vyplnenými kruhmi; TYP = kruh - značky sú zobrazené s otvorenými kruhmi; TYP = štvorec - značky sú zobrazené s vyplnenými štvorčekmi. Príklad nahrávania:
- .
Predvolená hodnota je TYP = disk. Pre vnorené zoznamy s odrážkami je predvolený disk na prvej úrovni, kruh na druhej a štvorec na tretej a ďalej. To je presne to, čo sa robí v najnovších verziách prehliadačov Netscape a Internet Explorer. Upozorňujeme, že iné prehliadače môžu značky zobrazovať inak. Napríklad špecifikácia HTML 4.0 špecifikuje štvorcový obrys pre vzhľad značky, ktorý sa zobrazí, keď TYPE = square.
Parameter TYPE s rovnakými hodnotami možno použiť na určenie typu značiek pre jednotlivé položky zoznamu. Na tento účel je možné v značke položky zoznamu zadať parameter TYPE s príslušnou hodnotou
- .
Zoznam s odrážkami používa špeciálne znaky nazývané odrážky zoznamu (často nazývané odrážky, čo je formálna výslovnosť anglického výrazu bullet) na zvýraznenie položiek. Typ značiek zoznamov určuje prehliadač a pri vytváraní vnorených zoznamov prehliadače automaticky diverzifikujú vzhľad značiek na rôznych úrovniach vnorenia.
Tagy
- a
Ak chcete vytvoriť zoznam s odrážkami, musíte použiť kontajnerovú značku, v ktorej sa nachádzajú všetky prvky zoznamu. Značky úvodného a záverečného zoznamu poskytujú posun riadkov pred a za zoznamom, čím oddeľujú zoznam od hlavného obsahu dokumentu, takže tu nie je potrebné používať značky odsekov.
.Každá položka zoznamu musí začínať značkou
Tu je príklad HTML dokumentu, ktorý používa zoznam definícií:
Príklad zoznamu definícií Klasifikácia typických ľudských temperamentov,
založilo názoroch Hippokrata
Zobrazenie daného HTML dokumentu v prehliadači je na obr. 2.5.
Ryža. 2.5. Zoznam definícií (pripomína skupinu záznamov v slovníku)
Typ zoznamy
a - .
Spočiatku boli tieto typy zoznamov koncipované tak, aby boli kompaktnejšie ako bežné zoznamy s odrážkami. Podľa pravidiel zápisu prvkov týchto zoznamov v nich nebolo povolené používať blokové prvky, čo znamená, že vnorenie zoznamov tohto typu nie je možné realizovať. Každá položka v zozname bol jeden riadok textu.
Pre zoznamy ako
plánovalo sa zaviesť obmedzenie „dĺžky textu položky zoznamu (24 znakov). Takéto obmedzenie by umožnilo odvodiť zoznamy ako
vo forme podobnej výpisu adresárov v operačných systémoch UNIX a MS-DOS pri použití prepínača /W (vo viacerých stĺpcoch). Okrem toho sa pre položky zoznamu tohto typu nezobrazovali značky. V súčasnosti sa všetky tieto nápady nerealizovali, pretože ďalšie používanie zoznamov týchto typov sa neodporúča. Moderné verzie prehliadačov zobrazujú zoznamy týchto typov presne rovnakým spôsobom ako zoznamy daného typu
- .
Vnorené zoznamy
Sú chvíle, keď položka zoznamu jedného typu musí obsahovať celý zoznam rovnakého alebo iného typu. Toto bude organizovať viacúrovňové alebo vnorené zoznamy. HTML umožňuje ľubovoľné vnorenie rôznych typov zoznamov, no pri ich organizovaní treba byť opatrný.
Nižšie je uvedený HTML kód dokumentu s vnorenými zoznamami, ktorých zobrazenie je na obr. 2.6. V tomto príklade má každá položka v zozname s odrážkami svoj vlastný očíslovaný zoznam.
Príklad vnoreného zoznamu Satelity niektorých planét
- , môžu byť umiestnené prvky na úrovni bloku. To konkrétne znamená, že zoznamy definícií môžu byť vnorené.
-
NS Príklad záznamu:
- .
- .
Takýto záznam určuje číslovanie zoznamu z veľkého latinského písmena „E“. Pri ostatných typoch číslovania sa zadaním ŠTART = 5 nastaví číslovanie, resp. od čísla „5“, rímskej číslice „V“ atď.
Zmenu typu číslovania zoznamu a hodnôt čísel je možné vykonať pre ktorýkoľvek prvok zoznamu. Tag
- pre číslované zoznamy umožňuje použitie parametrov TYPE a VALUE. Parameter TYPE môže nadobúdať rovnaké hodnoty ako pre značku.
Parameter COMPACT má rovnaký význam ako zoznamy s odrážkami. Parameter TYPE slúži na nastavenie typu číslovania zoznamov. Môže nadobúdať nasledujúce hodnoty:
TYP = A - nastavuje značky vo forme veľkých latinských písmen;
TYP = a - určuje značky vo forme malých latinských písmen;
TYP = I - určuje značky vo forme veľkých rímskych číslic;
TYP = i - určuje značky vo forme malých rímskych číslic;
TYP = 1 - určuje značky vo forme arabských číslic.
Štandardne sa vždy používa hodnota TYP = 1, teda číslovanie arabskými číslicami. To platí aj pre vnorené číslované zoznamy. Tu, na rozdiel od zoznamov s odrážkami, prehliadače štandardne nerobia rôzne číslovanie na rôznych úrovniach vnorenia zoznamov. Všimnite si, že za číslom prvku zoznamu sa vždy dodatočne zobrazí znak "bodka".
Parameter TYPE s rovnakými hodnotami je možné použiť na určenie štýlu číslovania jednotlivých položiek zoznamu. Na tento účel je možné v značke položky zoznamu zadať parameter TYPE s príslušnou hodnotou
Zoznamy tohto typu sú zvyčajne usporiadanou postupnosťou jednotlivých položiek. Rozdiel oproti zoznamom s odrážkami je v tom, že v číslovanom zozname každému prvku automaticky predchádza poradové číslo. Typ číslovania závisí od prehliadača a dá sa nastaviť parametrami značiek zoznamu. Inak je implementácia číslovaných zoznamov veľmi podobná implementácii zoznamov s odrážkami.
Tagy
- a
Na vytvorenie očíslovaného zoznamu použite kontajner tagov, v ktorom sú umiestnené všetky prvky zoznamu. Začiatočné a koncové značky zoznamu poskytujú posun riadkov pred a za zoznamom, čím oddeľujú zoznam od hlavného obsahu dokumentu.
Rovnako ako zoznam s odrážkami, každá položka v očíslovanom zozname musí začínať značkou
- ktoré ukazujú na jednotlivé položky zoznamu, poskytujú štandardné značky položiek zoznamu.
Parameter COMPACT je zapísaný bez hodnôt a používa sa na pokyn prehliadača, aby zobrazil tento zoznam v kompaktnom formáte. Môže sa napríklad zmenšiť písmo alebo vzdialenosť medzi riadkami zoznamu atď.
Poznámka
V súčasnosti je v tagu prítomný parameter COMPACT
- žiadnym spôsobom neovplyvňuje zobrazovanie zoznamov poprednými prehliadačmi. Preto je použitie tohto parametra nezmyselné, najmä preto, že jeho použitie neodporúča špecifikácia HTML 4.0.
Parameter TYPE môže nadobúdať nasledujúce hodnoty: disk, kruh a štvorec. Tento parameter sa používa na vynútenie zobrazenia značiek zoznamu. Presný typ značky bude závisieť od použitého prehliadača. Typické možnosti zobrazenia sú nasledovné:
TYP = disk - značky sú zobrazené s vyplnenými kruhmi; TYP = kruh - značky sú zobrazené s otvorenými kruhmi; TYP = štvorec - značky sú zobrazené s vyplnenými štvorčekmi. Príklad nahrávania:
-
.
Predvolená hodnota je TYP = disk. Pre vnorené zoznamy s odrážkami je predvolený disk na prvej úrovni, kruh na druhej a štvorec na tretej a ďalej. To je presne to, čo sa robí v najnovších verziách prehliadačov Netscape a Internet Explorer. Upozorňujeme, že iné prehliadače môžu značky zobrazovať inak. Napríklad špecifikácia HTML 4.0 špecifikuje štvorcový obrys pre vzhľad značky, ktorý sa zobrazí, keď TYPE = square.
Parameter TYPE s rovnakými hodnotami možno použiť na určenie typu značiek pre jednotlivé položky zoznamu. Na tento účel je možné v značke položky zoznamu zadať parameter TYPE s príslušnou hodnotou
- .
- ,
- ,
- , pomocou ktorej sú zoznamy tohto typu organizované v HTML dokumentoch (UL - Unordered List, unordered list).
Zoznam s odrážkami používa špeciálne znaky nazývané odrážky zoznamu (často nazývané odrážky, čo je formálna výslovnosť anglického výrazu bullet) na zvýraznenie položiek. Typ značiek zoznamov určuje prehliadač a pri vytváraní vnorených zoznamov prehliadače automaticky diverzifikujú vzhľad značiek na rôznych úrovniach vnorenia.
Tagy a<LI>
Ak chcete vytvoriť zoznam s odrážkami, musíte použiť kontajner tagov, v ktorom sa nachádzajú všetky prvky zoznamu. Značky úvodného a záverečného zoznamu poskytujú posun riadkov pred a za zoznamom, čím oddeľujú zoznam od hlavného obsahu dokumentu, takže tu nie je potrebné používať značky odsekov.
.
Každý prvok zoznamu musí začínať značkou
Hodnota avatarov v psychológii
Hodnota avatarov v psychológii
Ako zdôrazniť písmeno v MS Word
Čo to znamená, ak je avatar osoby
Ako si vytvoriť svoj vlastný Twitter moment