Dobrý deň, milí čitatelia blogu. Dnes v rámci tohto nadpisu chcem hovoriť o rôznych zoznamoch Html, ktoré možno vytvoriť na základe špeciálne navrhnutých značiek UL, OL, LI a DL. Pomocou dvojice UL a LI sa vytvárajú zoznamy s odrážkami, pomocou OL a LI - číslované a pomocou prvkov DL, DT a DD sa vytvárajú takzvané zoznamy definícií. V krátkosti sa pozrieme aj na princípy vytvárania vnorených štruktúr.
Chcem vám pripomenúť, že sa nám už podarilo, podarilo sa nám porozprávať o základoch moderného, ako aj rozloženia tabuľky (). Okrem toho sme sa dotkli základov, no, naučili sme sa cez to.
Zoznamy s odrážkami na základe značiek UL a LI
Značka UL sa používa na vytváranie zoznamov s odrážkami a značka OL sa používa na vytváranie číslovaných zoznamov. Tieto značky sú spárované a blokované, rovnako ako prvok LI.
Samostatné položky zoznamu sú umiestnené medzi otváracími a zatváracími značkami, ktoré sú zase uzavreté v otváracom a zatváracom prvku LI. V hornej a dolnej časti zoznamu Html prehliadač pridá odsadenie jedného riadka, podobné odsadeniu vytvorenému značkou odseku.
Pozrime sa napríklad na variant s odrážkami, ktorý môže vyzerať takto:
- Prvá línia
- Druhy
- Posledný prvok
Vnútri otváracích a zatváracích UL tagov môžu byť iba LI prvky a už do samotných prvkov (item) môžete vkladať ľubovoľný obsah (text, obrázky, nadpisy, odseky, odkazy a dokonca aj iné zoznamy).
Tie. UL slúži len na usporiadanie odrážkového (nezoradeného) výpisu a všetko, čo v ňom uvidíte na webovej stránke, je implementované pomocou obsahu prvkov LI.
Pre UL môžete zmeniť typ značky tak, že do nej zapíšete rôzne hodnoty pre atribút „Typ“. Ak pre prvok UL nie je zadaný "Typ" (ovládanie vzhľadu značiek), zobrazí sa predvolený typ značky (disk - kruh vyplnený farbou textu):
- - vyplnený kruh (predvolené);
- - otvorený kruh;
- - námestie
Vo vyššie uvedených príkladoch sme zapísali atribút „Typ“ do prvku UL, pričom sme tento typ značiek použili na všetky položky. Atribút "Typ" však možno priradiť každému jednotlivému štítku LI nastavením vlastného typu štítku pre túto položku.
Príklad zoznamu s odrážkami s rôznymi typmi odrážok pre každú položku:
- Značka vo forme naplneného disku
- Fixka vo forme nenatretého disku
- Námestie
Číslované zoznamy v Html založené na OL tagu
Na vytvorenie číslovaného výpisu slúžia OL tagy, v ktorých budú opäť umiestnené LI prvky. OL a LI, ako som už spomínal, sú blokové (čiže majú tendenciu zaberať všetok priestor, ktorý majú k dispozícii na šírku) a vo vnútri OL nebude možné umiestniť nič iné ako prvky LI.
Ukazuje sa, že OL a UL sú servisné značky, ktoré sú potrebné iba na to, aby prehliadaču povedali, aký druh zoznamu generujeme (s odrážkami alebo očíslované). V prípade očíslovanej jednotky naľavo od každej položky neuvidíme značku, ale číslo a bodku za ňou:
- Prvá línia
- Druhý bod
- Tretí riadok
Ako som už spomenul vyššie, prvky UL, OL a LI majú možnosť používať atribút TYPE. Umožňuje vám prispôsobiť typ odrážky alebo určiť, ktoré čísla alebo písmená budú očíslované položky v zozname. Pre číslovaný zoznam môžu parametre tohto atribútu nadobúdať nasledujúce hodnoty:
- - číslovanie sa vykoná bežnými arabskými číslicami (v prípade absencie atribútu „Typ“ sa štandardne použije rovnaká možnosť);
- - veľké písmená ako číslovanie;
- - malými písmenami;
- - veľké rímske číslice;
- - malé rímske číslice;
Príklad číslovaného zoznamu s rôznymi typmi číslovania pre každú položku:
- s číslovaním veľkými rímskymi číslicami
- Číslovanie malými latinskými písmenami
- Malé rímske číslice
Pri vytváraní číslovaných zoznamov je tiež možné začať číslovanie nie od jednotky, ale od čísla uvedeného v atribúte ŠTART. Napríklad:
- Prvý prvok, ktorého číslo je uvedené v značke OL atribútom start = "23".
- Ďalšia položka s číslom o jeden vyšším
- Ešte jeden a ešte jeden
Pre OL môžete tiež začať nové číslovanie od ľubovoľnej hodnoty, počnúc od ľubovoľnej položky tak, že do úvodného LI tejto položky napíšete atribút VALUE s požadovaným číslom. Napríklad:
- Prvá položka s číslom jedna
- Tento prvok získa číslo uvedené v atribúte value = "32".
- Položka s veľkým počtom
Zoznamy štýlov v CSS (štýly)
Ale spravidla sa teraz vzhľad značiek nenastavuje pomocou atribútu TYPE, ale pre ktorý sú napísané zodpovedajúce vlastnosti.
Tu uvediem len príklad rôznych odrážok pre nečíslované zoznamy, ktorých vzhľad sa nastavuje prostredníctvom samostatného súboru s kaskádovými štýlmi.
- Prvý bod
- Po druhé
- Posledný
Ale o tom si povieme v ďalších článkoch. Takto je nastavený vzhľad UL fixiek na tomto blogu. Obrázky sa používajú ako značky: pre bežné položky nečíslovaného zoznamu -, pre vnorené položky nečíslovaného zoznamu -.
Špeciálne a vnorené zoznamy v Html kóde
Tretí a posledný typ sa nazýva "definičné zoznamy" a sú špecifikované pomocou troch značiek - DL, DT a DD. DL informuje prehliadač, že bude nasledovať zoznam definícií.
Zvyčajne sa tento druh používa (alebo sa predpokladalo, že sa bude používať) na písanie slovníkových hesiel, ktoré pozostávajú z pojmov (uzavretých v DT tagoch) a ich popisov (uzavretých v DD tagoch).
- Prvý termín
- Popis
- Druhý termín
- Jeho popis
Ak sa pozriete na vyššie uvedený príklad, všimnete si, že prvok DD (popis pojmu) je posunutý (o 40 pixelov) vzhľadom na prvok DT (samotný pojem).
Vo všeobecnosti sú DL, DT a DD blokové značky a do prvku DT možno vložiť iba obsah s vloženými značkami (ukazuje sa, že prvky bloku nadpis a odsek nemožno použiť vo vnútri DT). A do značiek DD môžete vložiť akékoľvek prvky, vložené aj blokové.
Vnorený zoznam v Html je vytvorený analogicky s jednoduchým, ale v hlavnom zozname sú niektoré položky opäť uzavreté v otváracom a zatváracom UL alebo OL tagu.
Upozorňujeme, že záverečný LI položky, v ktorej bude vytvorená vnorená položka, sa umiestňuje až za celým kódom vnoreného zoznamu (je to veľmi dôležité pre jeho správne zobrazenie na web stránke). Vnorený zoznam môže vyzerať nejako takto:
- Prvý odsek hlavného očíslovaného
- Druhý bod
- Prvý prvok vnorených odrážok
- Po druhé
- Tretí a posledný odsek označený
- Tretia položka očíslovaná
Veľa šťastia! Uvidíme sa čoskoro na stránkach blogu
ďalšie videá si môžete pozrieť na stránke");">
Možno vás bude zaujímať
Ako vložiť odkaz a obrázok (fotku) do HTML - IMG a A tagy
Html formuláre pre stránku - tagy Form, Input and Select, Option, Textarea, Label a iné na vytváranie prvkov webových formulárov Select, Option, Textarea, Label, Fieldset, Legend - Html tagy rozbaľovacieho a textového poľa
Ako sa nastavujú farby v Html a CSS kóde, výber odtieňov RGB v tabuľkách, Yandex a iné programy
Embed a object - Html tagy na zobrazovanie mediálneho obsahu (video, flash, audio) na webových stránkach
Značky a atribúty nadpisov H1-H6, vodorovný riadok Hr, zalomenie riadka Br a odsek P podľa normy Html 4.01
Tabuľky v Html – značky Table, Tr a Td, ako aj Colspan, Cellpadding, Cellspacing a Rowspan na ich vytvorenie
Hypertextový značkovací jazyk HTML má značku
- používa sa na vytváranie zoznamov s odrážkami. Podporujú ho všetky moderné prehliadače a umožňuje zobrazovať prvky v nečíslovanom poradí. Napríklad veľmi často zobrazuje položky ponuky a všetko, čo súvisí so zoznamami na stránke: jedlá, produkty, vybavenie, nástroje a oveľa viac, čo je potrebné uviesť, bez uvedenia priority tejto alebo tej položky.
- Položka č. 1
- Položka č. 2
- Položka č. 3
- ...
- Položka č. 1
- Položka č. 2
- Položka č. 3
- Položka č. 1
-
- Položka č. 2-1
- Položka č. 2-2
- Položka č. 2-3
- Položka č. 3
- ...
- Položka č. 1
- Položka č. 2
- Položka č. 1
- Položka č. 2
- Položka č. 1
- Položka č. 2
- Položka č. 1
- Položka č. 2
- ...
- disk - značka vo forme kruhu (príklad bol vyššie)
- kruh - značka vo forme priehľadného kruhu (príklad bol vyššie)
- štvorec - značka vo forme štvorca (príklad bol vyššie)
- desatinná - značka vo forme očíslovaného zoznamu arabskými číslicami: 1, 2, 3, ...
- desatinná-počiatočná-nula - značka vo forme očíslovaného zoznamu arabskými číslicami s úvodnou nulou: 01, 02, 03, ...
- nižšia rímska - značka vo forme číslovaného zoznamu v rímskej abecede malými písmenami: i, ii, iii, iv, v
- horná rímska - značka vo forme číslovaného zoznamu v rímskej abecede veľkými písmenami: I, II, III, IV, V
- nižšia latinka - značka vo forme zoznamu v latinskej abecede malými písmenami: a, b, c, d, ...
- horná latinka - značka vo forme zoznamu v latinskej abecede veľkými písmenami: A, B, C, D, ...
- nižšia gréčtina - značka vo forme zoznamu v gréckej abecede malými písmenami
- horná gréčtina - značka vo forme zoznamu v gréckej abecede veľkými písmenami
- ... Pri nastavovaní atribútu na značku
- všetky položky zoznamu sa zobrazia tak, ako naznačuje atribút. Ale môžeme dať jednému alebo druhému prvku vlastné zobrazenie. Príklad na obrázku:
- Položka č. 1
- Položka č. 2
- Položka č. 3
- Položka č. 1
- Položka č. 2
- Položka č. 3
- Položka č. 1
- Položka č. 2
- Položka č. 3
- Položka č. 1
- Položka č. 2
- Položka č. 3
- Prvá položka v zozname
- Druhá položka na zozname
- Tretia položka na zozname
- , potom automaticky vloží .
- 1 - arabské číslice;
- A - veľké písmená;
- a - malé latinské písmená;
- I - veľké rímske číslice;
- i - malé rímske číslice.
- ... 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 LI>
- 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 LI>
- Druhý riadok
- Tretí riadok
- Možnosť syakoy
- Prvá línia LI>
- Druhý riadok
- Tretí riadok
- Akási možnosť
- Prvá línia LI>
- Druhý riadok
- Tretí riadok
Číslované zoznamy sú kolekciou položiek s ich poradovými číslami. Typ a typ číslovania závisí od parametrov prvku
- , ktorý sa používa na vytvorenie zoznamu. Ako prvky číslovania možno použiť nasledujúce hodnoty:
- arabské číslice (1, 2, 3, ...);
- arabské číslice s nulou na začiatku pre číslice menšie ako desať (01, 02, 03, ..., 10);
- veľké latinské písmená (A, B, C, ...);
- malé latinské písmená (a, b, c, ...);
- veľké rímske číslice (I, II, III, ...);
- malé rímske číslice (i, ii, iii, ...);
- arménske číslovanie;
- Gruzínske číslovanie.
- ... Ako hodnotu možno zadať akékoľvek kladné celé číslo. Nezáleží na tom, aký typ číslovania je nastavený, aj keď sa ako zoznam používajú latinské písmená. Ak sa atribúty začiatku a hodnoty použijú na zoznam súčasne, potom má prednosť ten druhý a číslovanie sa zobrazí od čísla určeného hodnotou, ako je uvedené v príklade 1.
Príklad 1. Prečíslovanie zoznamu
zoznamy - O svoje pracovisko by ste sa mali veľmi starať.
- Osvetlenie v miestnosti nastavte tak, aby zdroj svetla bol na strane alebo za operátorom.
- Aby ste predišli zdravotným komplikáciám, odporúča sa vybrať stoličku s mäkkým sedadlom.
Prvý prvok zoznamu v tomto príklade bude začínať rímskou číslicou IV, keďže je zadaný atribút start = "4", potom nasleduje číslo V a posledný prvok nasleduje mimo poradia a je mu priradené číslo X (obr. 1).
Ryža. 1. Rímske číslice v zozname
Písanie čísel
Číslovaný zoznam má štandardne určitý tvar: najprv je číslo, potom bodka a potom sa text zobrazí cez medzeru. Táto forma zápisu je jasná a pohodlná, no niektorí vývojári radšej vidia iný spôsob formátovania číslovania zoznamov. Totiž namiesto bodky je tu uzatváracia zátvorka, ako je znázornené na obr. 2 alebo niečo podobné.
Ryža. 2. Pohľad na očíslovaný zoznam so zátvorkou
Štýly vám umožňujú zmeniť spôsob prečíslovania zoznamov pomocou vlastností content a counter-increment. Najprv musíte nastaviť položku counter-reset: pre volič ol, je to potrebné, aby číslovanie v každom novom zozname začínalo odznova. V opačnom prípade bude číslovanie pokračovať a namiesto 1,2,3 uvidíte 5,6,7. Hodnota položky je jedinečný identifikátor pre počítadlo, vyberáme si ju sami. Ďalej musíte skryť pôvodné značky prostredníctvom vlastnosti štýlu štýlu zoznamu s hodnotou none.
Vlastnosť content zvyčajne funguje v spojení s pseudoprvkami :: after a :: before. Takže li :: pred konštrukciou hovorí, že nejaký obsah musí byť pridaný pred každý prvok zoznamu (príklad 2).
Príklad 2. Vytvorenie vlastného číslovania
Li :: pred (obsah: počítadlo (položka) ")"; / * K číslam pridajte zátvorku * / protiprírastok: položka; / * Nastavte názov počítadla * /)
Vlastnosť content s počítadlom hodnôt (položkou) vypíše číslo; pridaním zátvorky, ako je znázornené v tomto príklade, dostaneme požadované číslovanie. počítadlo je potrebné na zvýšenie čísla zoznamu o jednu. Všimnite si, že všade sa používa rovnaký identifikátor nazývaný položka. Konečný kód je uvedený v príklade 3.
Príklad 3. Zmena zobrazenia zoznamu
zoznamy - najprv
- Po druhé
- Po tretie
- Po štvrté
Týmto spôsobom môžete vytvoriť ľubovoľný očíslovaný zoznam, napríklad vziať číslo v hranatých zátvorkách, v tomto prípade sa v štýloch zmení iba jeden riadok.
Obsah: "[" počítadlo (položka) "]";
Zoznam s ruskými písmenami
Existuje očíslovaný zoznam s latinskými písmenami, ale v zozname nie sú žiadne ruské písmená. Môžu byť pridané umelo pomocou vyššie uvedenej techniky. Keďže číslovanie prebieha cez štýly, samotný zoznam zostáva pôvodný, len sa doň pridáva vybraná trieda, nazvime ju cyrilou (príklad 4).
Príklad 4. Kód na vytvorenie zoznamu
- Jeden
- Dva
- Tri
Pridávanie písmen sa vykonáva pomocou :: pred pseudoprvkom a vlastnosti content. Keďže každý riadok musí mať svoje písmeno, použijeme pseudotriedu: n-té dieťa (1), číslo písmena sa píše v zátvorke. Prvé písmeno je, samozrejme, A, druhé je B, tretie je C atď.
Príklad 5. Použitie pseudotriedy: n-té dieťa
Cyrilické li: n-té dieťa (1) :: pred (obsah: "a)"; ) .cyrilika li: n-té dieťa (2) :: pred (obsah: "b)"; ) .cyrilika li: n-té dieťa (3) :: pred (obsah: "v)"; )
V tomto príklade za každým písmenom nasleduje zátvorka, všetky sú malé. Môžete si definovať vlastný spôsob číslovania zoznamu, môže napríklad obsahovať veľké písmená s bodkou, s jednou alebo dvoma zátvorkami alebo len písmená. Na rozdiel od štandardného číslovania si tu môžeme robiť, čo chceme. Zoznam desiatich písmen by mal stačiť takmer na všetky situácie, no ak sa zrazu ukáže, že to nestačí, nič nám nebráni v rozšírení nášho zoznamu aspoň o všetky písmená ruskej abecedy.
Nakoniec nastavíme zarovnanie a polohu písmen, na želanie uvedieme veľkosť písma, farbu a ďalšie parametre (príklad 6).
Príklad 6. Zoznam s ruskými písmenami
Zoznam - Boršč
- Kotlety zo šťuky
- Kulebyaka
- Huby v kyslej smotane
- Palacinky s kaviárom
- Kvas
Výsledok tohto príkladu je znázornený na obr. 3.
Z praktického hľadiska možno princípy zobrazovania položiek zoznamu s odrážkami aplikovať podobným spôsobom ako pri číslovanom zozname. Ale vzhľadom na to, že máme čo do činenia s enumeráciou, existujú niektoré funkcie, o ktorých sa bude diskutovať nižšie.
Číslovanie zoznamov
Je povolené začať zoznam z ľubovoľného čísla; na tento účel sa používa štart atribút prvku
- alebo hodnotu prvku
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
Kód vyzerá takto:
Zmena značiek značiek
- pomocou CSS
Položky zoznamu s odrážkami vytvorené štítkom
- , môžu byť označené ľubovoľnými obrázkami. CSS sa používa na zmenu typu značky. Napríklad
A takto to vyzerá na stránke:
CSS môžeme použiť aj na definovanie iných typov zobrazenia značiek. Na to však musíte pamätať pri nastavovaní akéhokoľvek štýlu značky
- , vzťahuje sa na všetky prvky zoznamu.
V HTML existujú dva druhy zoznamov: očíslované a nečíslované. Ich tvorba je takmer rovnaká. Dokonca aj značky sa líšia o jeden znak. Môžete tiež vytvoriť, ktoré môže obsahovať očíslované aj odrážky.
Tieto zoznamy môžete transformovať, ako chcete. Všetko závisí od vašej fantázie. Najprv sa pozrieme na štandardné zoznamy, rovnaké ako v editore Word, a potom ich vylepšíme a navrhneme na nepoznanie.
Číslovaný zoznam HTML
Bežný očíslovaný je možné vytvoriť pomocou nasledujúcich značiek:
Jednoduché zoznamy vyzerajú takto
Podľa noriem by mala byť každá položka zoznamu vo vnútri otváracej a zatváracej značky li. Ale ak nepridáte koncovú značku, výsledok bude úplne rovnaký. Manipulátor je dosť šikovný. Pri konverzii zoznamu analyzuje úvodné značky. Ak uvidí novú
Zoznamy je teda možné vytvoriť tak, ako je uvedené nižšie.
Ale z pohľadu profesionálov je to nesprávne.
Nečíslované (alebo odrážkové) zoznamy sa vytvárajú rovnakým spôsobom, ibaže namiesto značky ol napíšete ul.
Neexistujú žiadne čísla ani písmená - iba rôzne symboly nazývané značky.
HTML viacúrovňový číslovaný zoznam
Mnohí používatelia sa o túto možnosť zaujímajú. Preto je potrebné poznamenať, že akýkoľvek HTML číslovaný zoznam môže byť viacúrovňový. Ďalšie úrovne môžu byť rovnaké alebo označené.
Ak chcete vytvoriť zoznam zobrazený v príklade vyššie, musíte napísať nasledujúce.
Všimnite si, že v tomto kóde, na rozdiel od prvých príkladov, bol pridaný atribút type. Vďaka nemu môžete určiť typ triedenia pre číslované aj odrážkové zoznamy.
Pre očíslované uveďte abecedu alebo typ čísel a pre ostatné prípady - typ značky.
Ak použijete vlastnú značku HTML, očíslovaný zoznam môže byť ľubovoľný.
Atribút typu môžete zadať ľubovoľnou hodnotou z tabuľky. Alebo v triede štýlu css zadajte typ štýlu zoznamu s požadovaným typom triedenia.
Preklad významov je celkom jednoduchý. Dostatočná základná znalosť angličtiny. Ale aj keď nemôžete preložiť slová „kruh“, „štvorec“ atď., Môžete vizuálne pochopiť, aký bude výsledok, keď zadáte tieto hodnoty v atribúte type.
Pre očíslované zoznamy použite nasledujúce možnosti:
Predvolený je vždy zoznam s. To znamená, že ak ste nič nešpecifikovali, je to ekvivalent typu = "1".
Okrem toho môžete začať číslované zoznamy z ľubovoľnej pozície. Štandardne - výstup od 1. Ale ak chcete, môžete začať aspoň stovkou. Ak to chcete urobiť, musíte zadať atribút štart s akoukoľvek hodnotou.
Okrem toho je možné záver urobiť v opačnom poradí. Ak to chcete urobiť, musíte písať opačne.
Návrh zoznamu
Číslovaný zoznam HTML môže byť navrhnutý tak pekne, že by ste možno hneď neuhádli, že ide o bežný zoznam a nie o obrázok nasnímaný vo Photoshope.
Tu je niekoľko príkladov krásnych zoznamov.
Ako vidíte na príklade, môžete zmeniť vzhľad číslovania a samotných prvkov.
Takto si môžete vytvoriť bežný zoznam.
V štýloch css musíte určiť štýl pre značky ol. Upozorňujeme, že v tomto prípade sa nastavenia použijú na všetky zoznamy na celej lokalite, kde sa používa tento súbor štýlu.
Najprv zvážime možnosť s dizajnom okrúhleho zoznamu. Vráťte sa na kód zoznamu. Tam je uvedený zaokrúhlený zoznam triedy. Ak chcete urobiť takú krásu, musíte sa s touto triedou pohrať. Triedu si môžete pomenovať ako len chcete.
Teraz sa pozrime na štvorcový dizajn.
Štýly sú dosť podobné. Rozdiel je v tom, že v prvom prípade je prvok zaoblený pomocou možností css.
Profesionálny návrhár rozloženia by mal predvídať a pochopiť, že nie všetci používatelia používajú moderné počítače. Nie každý má Windows 7, 8, 10. Existuje určité percento používateľov, ktorí stále používajú Windows XP a používajú staré verzie Internet Explorera.
Spravidla nie sú podporované takmer všetky moderné dizajnové vylepšenia prvkov. Používateľ bude mať pocit, že na dizajne webu sa vôbec nepracovalo. Že sa všetko pohlo. Prvky do seba narážajú. Aby ste tomu zabránili, musíte vypočítať všetky možnosti.
Niektorí webmasteri pred nimi privierajú oči, keďže ich podiel na trhu je čoraz menší. Ale pre profesionála je každý návštevník dôležitý, najmä ak ide o komerčnú stránku.
Urobte niečo vhodné pre každého alebo zvážte všetky možnosti prehliadača.
- 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
Syntax značky
Tento kód sa na stránke skonvertuje na zoznam s odrážkami:
Tag
- vyžaduje povinné používanie koncového štítku
Párová značka sa používa na vytváranie položiek zoznamu. Medzi úvodnou a záverečnou značkou sú jednotlivé slová, frázy, odseky, obrázky, kúsky kódu a mnoho ďalšieho, ktoré sú obsahom odrážkového zoznamu.
Čo môže byť obsahom zoznamu s odrážkami?Môže ísť o rôzne texty vrátane jednotlivých slov, fráz a odsekov, obrázkov, vnorených zoznamov, kúskov kódu php a mnohých ďalších, ktoré si vyžadujú jednoduché označenie.
Každá položka zoznamu s odrážkami je štandardne odsadená o 40 pixelov doprava. Pomocou CSS štýlov si môžeme zmeniť zobrazenie tohto zoznamu podľa vlastných predstáv. Tag
- je blokový, takže zaberá celú oblasť, ktorú má k dispozícii, obmedzenú okrajom obrazovky, rámom tabuľky alebo inými prvkami stránky.
Prílohy zoznamu v zozname sú povolené
Napríklad
Atribúty a vlastnosti značiek
Široko používaný atribút značky
- je atribút typu, ktorý označuje, ako bude značka zoznamu vyzerať. Môže nadobúdať nasledujúce hodnoty
1. typ = "disk" - značka vo forme vyplneného kruhu (táto hodnota je predvolená). Príklad disku bol vyššie.
2. typ = "kruh" - fixa vo forme priehľadného kruhu
Napríklad:
3.typ = "štvorec" - značka v tvare štvorca
Napríklad:
A takto to vyzerá na stránke:
V CSS je typ značky určený pomocou atribútu list-style-type:
Pozrime sa, aké hodnoty môže mať typ štýlu zoznamu:
Poznámka 2
Atribút môže byť priradený ako samotný tag
- a štítky
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