Je prvkom zoznamu definícií. HTML: Číslovaný zoznam a zoznam s odrážkami
Zoznamy sú dôležitou súčasťou obsahu, pretože pomáhajú organizovať informácie. Text v zoznamoch je lepšie vnímateľný a ľahšie zapamätateľný.
Najjednoduchšie je, že pred každým jeho prvkom je značka - kruh, štvorec alebo kruh. Poradie položiek v zozname s odrážkami nie je dôležité.
Na jeho vytvorenie potrebujete použiť iba dve značky:
A
je kontajner obsahujúci zoznam, ktorého prvky určuje značka
- Kameň
- Nožnice
- Papier
V predvolenom nastavení je značka zoznamu čierny kruh ( disk). Pridaním do značky
atribút typu a priradením príslušnej hodnoty k nemu možno značku zmeniť na kruh ( kruh) alebo čierny štvorec ( štvorec).
Od označených sa líši tým, že je dôležité poradie prvkov v ňom, a preto sa tu namiesto značky používajú poradové čísla alebo písmená. O poradie v zozname sa nemusíte starať: o túto úlohu sa postará prehliadač. Ak zmeníte zoznam (odstránite alebo pridáte položku mimo poradia), prehliadač ju prepočíta a zobrazí správne.
Tagy sa používajú na vytváranie číslovaných zoznamov
A
definuje začiatok a koniec zoznamu, tag
nahradený
.
- Kameň
- Nožnice
- Papier
Pretože veci nie sú vždy také jednoduché s očíslovanými zoznamami, pre značku
vytvorili nasledujúce atribúty (poznámka: nižšie je len očíslovaný zoznam):
1. typu. Tento atribút vám umožňuje číslovať zoznam nielen arabskými, ale aj rímskymi číslicami alebo latinskými písmenami rôzneho typu. typu podporuje hodnoty 1 (predvolené), a, A, i, I (skúste s nimi experimentovať sami).
2. začať. Číslovanie nemusí vždy začínať jednotkou. Tento atribút umožňuje nastaviť počiatočnú hodnotu - číslo prvého prvku zoznamu. V ňom môžete určiť, že zostava začína napríklad číslom 100 alebo písmenom K.
3. obrátené. Ak by zoznam nemal ísť od 1 do 10, ale od 10 do 1, musí sa použiť tento atribút. Ak je to uvedené, číslovanie bude v opačnom poradí.
Ak chcete priradiť ľubovoľné číslo prvku v strede zoznamu, musíte použiť v značke
Zmenou čísla jedného prvku v strede zoznamu zmeníte číslovanie všetkých prvkov nasledujúcich za ním - zostava sa začne hodnotou v atribúte value. Ak ste napríklad prvku 18 priradili číslo 35, prvky nasledujúce za ním nebudú mať čísla 19, 20, 21, ale 36, 37, 38.
Zoznam definícií
Nie je to taký známy typ zoznamu ako tie, o ktorých sme hovorili vyššie. Pozostáva z pojmov a ich definícií. Vytvorené pomocou značiek:
- nádoba obsahujúca zoznam.
Rozsahom použitia zoznamov definícií sú slovníky, referenčné knihy, testy, slovníky a ďalšie rozsiahle zoznamy typu „Termín - vysvetlenie“.
Tu je príklad zoznamu definícií:
- Deskriptor
- Základná jednotka značkovacieho jazyka, ktorú každý pozná ako „Tag“.
- Atribút
- Vlastnosť značky, ktorá to dáva doplnkové funkcie textový dizajn.
- Označenie
- Jediný štítok, ktorý netreba zatvárať.
Zoznam pozostávajúci zo zoznamov vnorených do seba. Môže obsahovať zoznamy rôznych typov. Náročnosť vytvárania spočíva v udržiavaní správneho vnorenia značiek, pretože je ľahké sa zmiasť vo viacúrovňovej štruktúre.
Tu je príklad viacúrovňový zoznam:
- Štrukturálne
- Pascal
- Oberon
- Limbo
- Objektovo orientované
- Java
- Funkčné
- Lisp
- Python
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, a to ako v elektronické dokumenty a v tlači. So zoznamami sa stretávame takmer každý deň – môže to byť zoznam nevyhnutných nákupov v obchode, študentov v triede alebo jednoducho veci, ktoré treba urobiť. Schopnosť organizovať štruktúry zoznamu je dostupná v mnohých textové editory, najmä výkonný textový procesor Microsoft Word disponuje pohodlnými nástrojmi na formátovanie zoznamov rôznych typov (možnosti tvorby HTML zoznamov pomocou programu Microsoft Word sú popísané v kapitole 8). Tu je niekoľko prípadov, pre ktoré je použitie zoznamov celkom pohodlné:
- Spojenie častí informácií do jednej štruktúry na vytvorenie čitateľného vzhľadu.
- Popis zložitých procesov krok za krokom.
- Usporiadanie informácií v štýle obsahu s odsekmi smerujúcimi na príslušné časti dokumentu.
Všimnite si, že vyššie uvedené body sú presne usporiadané vo forme štruktúry zoznamu.
HTML poskytuje nasledujúce hlavné typy zoznamov: zoznam s odrážkami, číslovaný zoznam a zoznam definícií. Na implementáciu zoznamov rôzne druhy Používajú sa nasledujúce značky:
- ,
- (LI - Položka zoznamu, prvok zoznamu). Tag
- nevyžaduje zodpovedajúci uzatvárací štítok, hoci jeho prítomnosť v zásade nie je zakázaná. Prehliadače zvyčajne začínajú každú novú položku zoznamu na novom riadku pri zobrazení dokumentu.
Poskytnuté informácie sú dostatočné na vytvorenie základného zoznamu s odrážkami. Uveďme príklad HTML dokumentu pomocou odrážkového zoznamu, ktorého zobrazenie prehliadačom je na obr. 2.1.
Príklad zoznamu s odrážkami - 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 prvkov 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 slúži ako jeho názov.
Poznámka
Niektoré učebnice jazyka HTML uvádzajú, že na nastavenie názvu zoznamu by sa mala použiť kontajnerová značka.
(LH - Hlavička zoznamu, hlavička zoznamu). Túto značku momentálne nerozpoznávajú žiadne bežné prehliadače a nie je súčasťou špecifikácie HTML. Jeho použitie sa tak stáva zbytočným, hoci nepovedie k žiadnym chybám. V značke
- možno zadať dva parametre: COMPACT a TYPE.
- .
Príklad vstupu:
-
.
Poznámka
Prehliadače interpretujú typ tokenu inak individuálny prvok zoznam. Prehliadač Netscape zmení vzhľad značky pre túto a všetky nasledujúce, až kým nenarazíte na ďalšiu redefiníciu vzhľadu značky. Internetový prehliadač Prieskumník zmení vzhľad značky iba pre tento prvok.
Grafické značky zoznamu
Grafické obrázky môžete použiť ako odrážky zoznamu, čo sa široko používa na vytváranie atraktívnych a dobre navrhnutých dokumentov HTML. V skutočnosti túto možnosť neposkytuje priamo jazyk HTML, ale je implementovaná akosi umelo. To neznamená, že to nie je odporúčané alebo odsúdeniahodné, ale iba to, že tu nebudú použité žiadne špeciálne konštrukcie jazyka HTML.
Aby ste pochopili túto myšlienku, musíte pochopiť mechanizmus implementácie zoznamov na stránkach HTML. Ukazuje sa, že značka zoznamu
- (ako v skutočnosti zoznam značiek iných typov, o ktorých sa hovorí nižšie) vykonáva jedinú úlohu – informuje prehliadač, že všetky informácie umiestnené za touto značkou by sa mali zobraziť posunuté 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
- . Pred každým prvkom zoznamu bude stačiť vložiť požadovaný grafický obrázok. Jediný problém, ktorý treba vyriešiť, je oddelenie prvkov zoznamu od seba. Na to môžete použiť značky odsekov
Alebo vynútiť posun riadku
. 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 s odrážkami s grafickými odrážkami
Vo vyššie uvedenom príklade je značka položky zoznamu 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í. Avšak v v tomto prípade tento nárast je extrémne malý. Tu sa pre všetky značky používa rovnaký súbor,
ktorý sa bude vysielať iba raz. Veľkosti súboru malého obrázka sú tiež extrémne malé.
Poznámka
Techniky vytvárania zoznamov s grafickými odrážkami sú postupne diskutované v kapitole 8.
Číslovaný zoznam
Ďalším typom zoznamu implementovaného v HTML je číslovaný zoznam. V opačnom prípade sa zoznamy tohto typu nazývajú usporiadané. Priezvisko 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, ordered list).
- .
Tu je príklad dokumentu HTML s očíslovaným zoznamom: zobrazenie ktorých prehliadač je znázornený na obr. 2.3.
Príklad číslovaného zoznamu - Sirius
- K anopus
- Arcturus
- Alfa Centauri
- Vega
- K appella
- Rigel
- Procyon
- Achernar
- Beta Centauri
- Wetelgeuse
- Aldebaran
. . .- Mizar
. . .- Polárny
Najjasnejšie hviezdy viditeľné zo Zeme:
Ryža. 2.Z.Číslovaný zoznam
V značke
- Je možné zadať nasledujúce parametre: COMPACT, TYPE a START.
- .
Príklad vstupu:
- .
parameter značky START
- umožňuje začať číslovanie zoznamu od niečoho iného ako od jedného. Hodnota parametra ŠTART musí byť vždy prirodzené číslo bez ohľadu na typ číslovania zoznamov. Tu je 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ú typ číslovania pre jednotlivé položky zoznamu odlišne. Prehliadač Netscape zmení typ číslovania pre tento prvok a všetky nasledujúce, až kým nenarazí na ďalšie prepísanie. Internet Explorer zmení vzhľad čísla iba pre tento prvok.
Zhodnotu parametra značky VALUE
- - umožňuje zmeniť číslo daného prvku zoznamu. Tým sa zmení číslovanie všetkých nasledujúcich prvkov. Typickou aplikáciou sú zoznamy s chýbajúcimi prvkami. Príklad takéhoto zoznamu bol uvedený vyššie (obr. 2.3). Poskytuje usporiadaný zoznam najjasnejších hviezd, v ktorom sú na 58. a 75. mieste 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árka je najjasnejšia hviezda v súhvezdí Malá medvedica) .
Uveďme ďalší originálny príklad použitia rôznych typov číslovania. Nižšie uvedený 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 sú arabské číslice, v druhom - rímske a v treťom je číslovanie latinkou. Upozorňujeme, že prvky zoznamu sú prázdne, t. j. za ľubovoľnou značkou
- neexistujú žiadne údaje. Príklad tohto druhu možno použiť ako tabuľku zhody medzi písaním číslic arabskými a rímskymi číslicami. Ukazuje sa, že ako generátor takejto tabuľky možno použiť akýkoľvek prehliadač, ktorý podporuje zoznamy (obr. 2.4), stačí napísať daný HTML kód. Číslovanie rímskymi číslicami funguje správne až do hodnoty 3999. Preštudovaním pravého stĺpca pochopíte, ako sa robí číslovanie rímskymi písmenami. 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í, tiež nazývané definičné slovníky, sú špeciálnym typom zoznamov. Na rozdiel od iných typov zoznamov sa každý prvok definičného zoznamu vždy skladá z dvoch častí. Prvá časť prvku zoznamu obsahuje definovaný výraz a druhá časť obsahuje text vo forme slovníkového hesla, ktorý odhaľuje význam tohto pojmu.
Zoznamy definícií sú špecifikované pomocou kontajnerovej značky
- (Zoznam definícií). Vo vnútri nádoby s visačkou
- (Definition Term) definovaný pojem je označený a značka
- (Definition Description) - odsek s jeho definíciou. Pre značky
- A
- Zodpovedajúce uzatváracie značky môžete vynechať.
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 napríklad značky odsekov, nemožno použiť
Alebo hlavičky
-
. Text definovaného pojmu by mal byť spravidla umiestnený na jednom riadku. Text obsahujúci definíciu termínu sa zobrazuje počnúc nasledujúcim riadkom (alebo v niektorých prehliadačoch na každom riadku) po definícii termínu, odsadený vpravo. V informáciách umiestnených za značkou
- , môžu byť umiestnené prvky na úrovni bloku. Z toho vyplýva najmä to, že zoznamy definícií môžu byť vnorené.
V značke
- môže byť špecifikovaný parameter COMPACT, ktorého účel je podobný ostatným zoznamom opísaným vyššie.
- Flegmatický človek
- Pasívny, veľmi pracovitý, pomaly sa prispôsobujúci;
stabilná nálada, málo náchylná na vonkajšie vplyvy;
letargia emocionálnych reakcií a pomalosť vôľovej činnosti
- Sangvinik
- Aktívny, energický, 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 emocionálnych reakcií, násilné prejavy vôle
- Melancholický
- Pasívny, ľahko sa unaví, ťažko sa adaptuje, -
slabosť vôľových prejavov a prevaha depresívnej nálady, pochybnosti o sebe - Zempya
- Mesiac
- Mapc
- Phobos
- Deimos
- Urán
- Ariel
- Umbriel
- Titania
- Oberon
- Miranda
- Neptún
- Triton
- Nereid
Hlavné použitie zoznamov:
Číslované - na zoznam prvkov, ktoré nasledujú v presne definovanom poradí.
Odrážky – zoznam prvkov v náhodnom poradí.
Viacúrovňové - špecifikovať informácie o určitých prvkoch.
Zoznam definícií – používa sa na formátovanie slovníkov.
HTML stránka s číslovaným zoznamom
Tagy sa používajú na vytváranie číslovaných zoznamov
-
Tag
-
Položky zoznamu sú štandardne číslované v poradí 1, 2, 3... Pomocou atribútu TYP môžete zmeniť štýl číslovania.
Číslovanie hodnôt TYP A A, B, C.. a a, b, c.. I I, II, III.. i i, ii, iii.. 1 1. 2. 3..
Ak už pridáte existujúci zoznam nové hodnoty, prehliadač ho automaticky prepočíta.
Pomocou atribútov ZAČIATOČNÁ HODNOTA môžete zmeniť poradie číslovania zoznamu.
ŠTART - používa sa na určenie počiatočného čísla zoznamu, odlišného od 1.
HODNOTA - umožňuje priradiť ľubovoľné číslo ľubovoľnému prvku zoznamu.
Príklad:
HTML stránka s odrážkami
Značky sa používajú na vytváranie zoznamov s odrážkami
- označujú začiatok/koniec jednotlivého prvku zoznamu.
Položky zoznamu sú štandardne označené čiernym krúžkom. Atribút TYPE možno použiť na zmenu štýlu označovania.
V rámci jedného zoznamu môžete použiť rôzne označenia prvkov zoznamu.
Príklad:
Viacúrovňová html stránka zoznamu
Ak chcete vytvoriť viacúrovňové zoznamy, môžete použiť zoznamy s odrážkami alebo číslované zoznamy, prípadne kombináciu oboch. Viacúrovňový zoznam sa vytvorí vnorením jedného zoznamu do tela druhého. Hlavnou úlohou nie je zmiasť sa. Aby ste to dosiahli, odporúčam vám urobiť rôzne zarážky pre jednotlivé zoznamy.
Zoznamy definícií html stránok
Na vytvorenie zoznamov definícií sa používajú tri značky:
- - začiatok/koniec zoznamu.
- - začiatok/koniec konkrétneho obdobia.
- - začiatok/koniec vysvetľujúceho článku daného pojmu.
Tagy
- A
- nie je potrebné striedať. Tie. Môžete „prepojiť“ niekoľko výrazov s jednou definíciou a naopak.
Príklad:
HTML kód:
- Termín 1
- Abstrakt1 až termín 1
- Abstrakt2 až termín 1
Displej prehliadača:
Termín 1 Abstrakt1 až termín 1 Abstrakt2 až termín 1Keďže na tejto stránke sú na niektoré prvky aplikované určité štýly, ich zobrazenie v tabuľke sa trochu líši od toho, čo získate.
Zoznamy s odrážkami vám umožňujú rozdeliť veľký text na samostatné bloky, z ktorých každý začína odrážkou – zvyčajne malou bodkou. To pritiahne pozornosť čitateľa k textu a zvýši jeho čitateľnosť.
S prvkom
- Sú spojené nasledujúce funkcie:
- v mieste, kde sa vyskytuje
- , prehliadač automaticky pridá zalomenie riadku;
- zoznam má zarážky v hornej a dolnej časti;
- V predvolenom nastavení sa značky zobrazujú ako vyplnený kruh;
- Každý prvok zoznamu je posunutý doprava vzhľadom na hlavný text.
- disk - značky vo forme vyplneného kruhu;
- kruh - značky vo forme otvoreného kruhu;
- štvorec - štvorcové značky.
- Sepulki
- Sepulcaria
- Sepulenácia
- Nebude to fungovať, takže to budete musieť obísť. Ak to chcete urobiť, skryte značky zoznamu pomocou vlastnosti list-style s hodnotou none a v texte pred obsahom
- Vlastný znak pridávame pomocou pseudoprvku ::before. V príklade 2 trojuholník funguje ako značka.
Príklad 2: Použitie::before
zoznamy - Sepulki
- Sepulcaria
- Sepulenácia
Výsledok tohto príkladu je znázornený na obr. 2. Keďže pri použití vlastnosti v štýle zoznamu s hodnotou none sa značky vôbec neodstránia, ale iba skryjú, zoznam sa zobrazí posunutý doprava. Aby ste sa zbavili tejto funkcie, príklad pridá vlastnosť text-indent so zápornou hodnotou. Jeho úlohou je posunúť text o jeden znak doľava.
Ryža. 2. Ľubovoľné značky v zozname
Znak nemusí byť v hexadecimálnom formáte, možno ho vložiť priamo do textu. Hlavná vec je uložiť dokument v kódovaní UTF-8 a aby to editor podporoval. Samotné znaky a ich kódy je možné prevziať napríklad z LibreOffice Writer (obr. 3).
Ryža. 3. Výber symbolu v LibreOffice
Zoznam s ručne kreslenými značkami
Štýly vám umožňujú nastaviť akýkoľvek vhodný obrázok ako značku prostredníctvom vlastnosti list-style-image. Hodnota je relatívna alebo absolútna cesta ku grafickému súboru, ako je znázornené v príklade 3.
Príklad 3: Použitie obrázku ako značky
zoznamy - Sepulki
- Sepulcaria
- Sepulenácia
Najlepšie je vybrať malý výkres, aby sa prvky zoznamu nezmenili na titulky. Na obr. Obrázok 4 ukazuje výsledok príkladu použitia malých obrázkov ako značiek.
Ryža. 4. Kresba ako fixka
Používanie obrázkov v štýle zoznamu má určité nevýhody:
- vzor nemožno posunúť nahor alebo nadol;
- Pozícia obrázka vzhľadom k textu sa môže v rôznych prehliadačoch líšiť.
Týmto nedostatkom sa dá vyhnúť pomocou vlastnosti background, nastaví obrázok na pozadí. Pre každý prvok zoznamu
- odstránime pôvodné značky a nastavíme obrázok na pozadí bez opakovania. A aby sa text neobjavil na obrázku, posunieme ho doprava pomocou padding-left (príklad 4).
Príklad 4: Použitie pozadia
Ul ( margin-left: -1em; ) li ( list-style: none; background: url(images/bullet.png) no-repeat 0 2px; padding-left: 20px; )
Poloha textu a odrážky
Existujú dva spôsoby umiestnenia značky vzhľadom na text: značka sa presunie mimo okraj prvkov zoznamu alebo sa obalí okolo textu (obr. 5).
vnútri vonku Ryža. 5. Umiestnenie značiek vzhľadom na text
Ak chcete ovládať polohu značiek, použite vlastnosť list-style-position. Má dva významy: vonkajší - odrážky sú umiestnené mimo textového bloku (toto je predvolená hodnota) a vnútri - odrážky sú súčasťou textového bloku a zobrazujú sa v položke zoznamu (príklad 5).
Príklad 5: Zmena polohy značiek
zoznamy - Skôr ako začnete, skontrolujte, či je súčasťou súpravy 3BM vybavenie.
- Ak jedno alebo viac periférnych zariadení chýba, mali by ste okamžite kontaktovať technický personál CC.
- Po vizuálnej kontrole vašej pracovnej oblasti môžete opatrne zapnúť napájanie 3BM.
Výsledok tohto príkladu je znázornený na obr. 6.
Pomocou zoznamov HTML môžete pre svoju lokalitu vytvoriť ponuku s rôznymi položkami a podpoložkami. Pomocou zoznamov sa vytvára obsah (mapa) stránky, čo je veľmi výhodné pre vyhľadávače.
A tak existujú značky "" - definujú zoznam s odrážkami.
Tagy "" – definujú položky, teda prvky zoznamu s odrážkami.Najprv si vytvorte jednoduchý zoznam niekoľkých položiek:
<html > <hlava > <názov > Jednoduchý HTML zoznam s odrážkaminázov > hlava > <telo > <ul > <li > Jedenli > <li > Dvajali > <li > Trili > <li >Štyrili > ul > telo > html >- Tri
Pre html značky môžete nastaviť niektoré typy, ktoré sú napísané vo vnútri
prvá značka"- "V type=" "
- Štyri
- Štyri
- Merkúr
- Venuša
- Zem
- Jupiter
- Saturn
- Neptún
- Pluto
- nadpis "vložte ďalší zoznam a potom ho zatvorte druhou značkou"
Vytvorme si zoznam, v ktorom budú namiesto bodov malé krúžky (prepichnuté bodky). Tento typ sa nazýva " kruh"
<html > <hlava > <názov > HTML zoznam s odrážkaminázov > hlava > <telo > <ul typ= "kruh"> <li > Jedenli > <li > Dvajali > <li > Trili > <li >Štyrili > ul > telo > html >Teraz namiesto typu „kruh“ nastavme „typ“ štvorec" (štvorce)
<html > <hlava > <názov > HTML zoznam s odrážkaminázov > hlava > <telo > <ul typ= "štvorec"> <li > einli > <li > zweili > <li > dreili > <li > vierli > ul > telo > html >Lekcie CSS podrobne pokrývajú prácu so zoznamami, z ktorých sa dozviete, ako nastaviť farby pre položky a text v nich, ako aj ako nastaviť samotný typ značky (môže to byť nielen štvorec
alebo bodka – môže to byť takmer akýkoľvek znak).Číslované zoznamy html Zoznamy môžu byť nielen označené, ale aj očíslované, pretože niekedy je to potrebné. Môžu to byť čísla (1, 2, 3...) A písmená anglickej abecedy malé a veľké. Zvážte všetko popísané vyššie.
Na nastavenie číslovania sa používajú značky "".
Typ je špecifikovaný v prvej značke.Číslovanie podľa čísel (od jedného)
<html > <hlava > <názov >Číslované zoznam htmlnázov > hlava > <telo > <ol > <li > Razli > <li > Dvajali > <li > Trili > <li >Štyrili > ol > telo > html >Ak potrebujete, aby číslovanie začínalo od nuly (nuly) alebo napríklad od troch, musíte značky napísať do prvého štart=" " a požadovaný počet.
<html > <hlava > <názov >Číslovaný zoznam htmlnázov > hlava > <telo > <starý začiatok = "0" > <li > nulali > <li > jedenli > <li > dveli > <li > trili > ol > telo > html >Teraz sa pozrime na to, ako nastaviť "číslovanie písmen".
Malými písmenami:
<html > <hlava > <názov >Číslované zoznamy htmlnázov > hlava > <telo > <ol typ= "a"> <li > Merkúrli > <li > Venušali > <li > Zemli > <li > Marsli > ol > telo > html >Veľkými písmenami:
<html > <hlava > <názov >Číslované zoznamy HTMLnázov > hlava > <telo > <ol typ= "A"> <li > Jupiterli > <li > Saturnli > <li > Uránli > <li > Neptúnli > <li ><b> Plutob>li > ol > telo > html >Okrem bežných zoznamov v html môžete vytvárať viacúrovňové zoznamy, teda podsekcie pre určité položky. Ak to chcete urobiť, za značkou a názvom "
"
<html >
<hlava >
<názov > Viacúrovňový zoznam htmlnázov >
hlava >
<telo >
<ul typ= "štvorec" >
<li > husleli >
<li > Gitara<ul >
<li > klasickýli >
<li > rytmická gitarali >
<li > elektrická gitarali >
ul >
li >
<li > Bicieli >
<li > Dudochkali >
ul >
telo >
html >
- husle
- Gitara
- klasický
- rytmická gitara
- elektrická gitara
- Bicie
- Dudochka
Obrázok 1 zobrazuje výsledok príkladu, ktorý ilustruje vyššie uvedené vlastnosti zoznamu s odrážkami.
Ryža. 1. Zobrazenie zoznamu odrážok
Typ značky
Značky môžu mať jednu z troch foriem: vyplnený kruh (predvolené), otvorený kruh a štvorec. Ak chcete vybrať typ značky, použite vlastnosť list-style-type alebo vlastnosť univerzálneho štýlu zoznamu (príklad 1). Platia nasledujúce hodnoty:
Príklad 1: Zmena vzhľadu značky
zoznamy Príklad ukazuje, ako vytvoriť zoznam s odrážkami pomocou malého jednofarebného štvorca ako ikony odrážky. Aj keď je počet hodnôt obmedzený na tri, neznamená to, že máme k dispozícii iba tri typy markerov. Existuje mnoho špeciálnych znakov, ktoré môžu úspešne fungovať ako ikona značky. Priskrutkujte ich priamo
Nasledujúca lekcia sa bude zaoberať vytvorením jednoduchého menu na základe vedomostí získaných z tejto lekcie.
Tag
- Označí sa začiatok/koniec celého zoznamu.
Tag
- označujú začiatok/koniec jednotlivého prvku zoznamu.
Tag
-
Tu je príklad dokumentu HTML, ktorý používa zoznam definícií:
Príklad zoznamu definícií Klasifikácia typických ľudských temperamentov,
založenéo 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 zoznamov
A - .
Tieto typy zoznamov boli pôvodne navrhnuté 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 nebolo možné implementovať vnorenie zoznamov tohto typu. Každý prvok zoznamu bol jeden riadok textu.
Pre zoznamy ako
plánovalo sa zaviesť obmedzenie „dĺžky textu prvku zoznamu (24 znakov). Takéto obmedzenie by nám umožnilo odvodiť zoznamy ako
vo forme podobnej výpisu adresárov v operačných systémov UNIX a MS-DOS pri použití prepínača /W (viac stĺpcov). Okrem toho sa pre položky zoznamu tohto typu nezobrazovali značky. V súčasnosti nie sú všetky tieto plány implementované, 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
- .
Vnorené zoznamy
Sú chvíle, keď potrebujete zahrnúť celý zoznam rovnakého alebo iného typu do prvku zoznamu jedného typu. Tým sa vytvoria viacúrovňové alebo vnorené zoznamy. HTML umožňuje ľubovoľné vnorenie rôznych typov zoznamov, no pri ich organizovaní je potrebné dávať pozor.
Nižšie je uvedený HTML kód dokumentu s vnorenými zoznamami, ktorého zobrazenie je na obr. 2.6. V tomto príklade obsahuje 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. Z toho vyplýva najmä to, že zoznamy definícií môžu byť vnorené.
-
P príklad vstupu:
- .
- .
Tento záznam určuje číslovanie zoznamu začínajúce veľkým latinským písmenom „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 číselných hodnôt 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 sa používa na určenie typu číslovania zoznamu. Môže nadobudnúť nasledujúce hodnoty:
TYP = A - nastavuje značky vo forme veľkých latinských písmen;
TYP = a - nastavuje značky vo forme malých latinských písmen;
TYP = I - nastavuje značky vo forme veľkých rímskych číslic;
TYP = i - nastavuje značky vo forme malých rímskych číslic;
TYP = 1 - nastavuje fixy vo forme arabských číslic.
Predvolená hodnota je vždy TYP = 1, t.j. číslovanie pomocou arabských číslic. To platí aj pre vnorené číslované zoznamy. Tu, na rozdiel od zoznamov s odrážkami, prehliadače štandardne nerozlišujú číslovanie na rôznych úrovniach vnorenia zoznamov. Všimnite si, že za číslom prvku zoznamu je vždy ďalší znak „bodka“.
Parameter TYPE s rovnakými hodnotami možno použiť na určenie štýlu číslovania pre jednotlivé prvky zoznamu. Na tento účel je povolené zadať parameter TYPE s príslušnou hodnotou v značke prvku zoznamu
zoznamy tohto typu zvyčajne predstavujú usporiadanú postupnosť jednotlivých prvkov. Rozdiel oproti zoznamom s odrážkami je v tom, že v číslovanom zozname je pred každým prvkom automaticky uvedené 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 by ste mali použiť kontajnerovú značku, v ktorej sa nachádzajú všetky prvky zoznamu. Tagy úvodného a záverečného zoznamu poskytujú zalomenie riadku 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 sa zapisuje bez hodnoty a používa sa na to, aby to prehliadaču oznámil tento zoznam by mali byť prezentované v kompaktnej forme. 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 zobrazenie zoznamov v popredných prehliadačoch. Preto je použitie tohto parametra zbytočné, 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 odrážok zoznamu. Presný typ značky bude závisieť od prehliadača, ktorý používate. Typické možnosti zobrazenia sú nasledovné:
TYP = disk - značky sú zobrazené ako vyplnené kruhy; TYP = kruh - značky sa zobrazujú ako otvorené kruhy; TYP = štvorec - značky sa zobrazujú ako vyplnené štvorce. Príklad vstupu:
-
.
Predvolená hodnota je TYPE = disk. Pre vnorené zoznamy s odrážkami je predvolená hodnota disk na prvej úrovni, kruh na druhej úrovni, štvorec na tretej úrovni a ďalej. Presne toto sa robí v najnovšie verzie Prehliadače Netscape a Internet Explorer. Upozorňujeme, že iné prehliadače môžu značky zobrazovať inak. Napríklad v špecifikácii HTML 4.0 je typ značky zobrazenej pri TYPE = square špecifikovaný ako štvorcový obrys.
Parameter TYPE s rovnakými hodnotami možno použiť na určenie typu značiek pre jednotlivé prvky zoznamu. Na tento účel je povolené zadať parameter TYPE s príslušnou hodnotou v značke prvku zoznamu
- .
- ,
- ,
- , pomocou ktorej sú zoznamy tohto typu organizované v HTML dokumentoch (UL - Unordered List, unordered list).
Používa sa zoznam s odrážkami špeciálne znaky, nazývané zoznamové značky (často nazývané bullets, čo je formálna výslovnosť anglického výrazu bullet). Vzhľad 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ť kontajnerovú značku, v ktorej sa nachádzajú všetky prvky zoznamu. Značky úvodného a záverečného zoznamu poskytujú zalomenie riadku 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
