V tomto článku sa uvádzajú pravidlá a metódy používania označených a očíslovaných zoznamov v prístupnej forme pre začiatočníkov. HTML je značkovací jazyk, z ktorého začína učenie na webe. Ako každý východiskový bod, nemá dostatok peňazí na to, aby realizoval svoje nápady na webovej stránke. Ale tieto limity, ktoré sú zakotvené v kreatívnej povahe, sa dajú rozdeliť a využiť niektoré triky.

Aplikácia

Nie je mysliteľné, že v modernom internete, veľkorysom interaktívnom obsahu, je miesto bez textu. Dokonca aj na tzv. Photostock (webový zdroj na ukladanie obrázkov) má každý obrázok podpis. Text je základná informácia, ktorú dostane používateľ, pre ktorý ide z jednej strany na druhú. Jeho pozornosť bude priťahovať a zadržať presne to, čo sa robí profesionálne. Existujú právne predpisy a pravidlá pre štruktúrovanie článkov v oboch polygrafia a rozvrhnutie webovej stránky. Sú určené pre lepšie vnímanie informácií, pre krásu vzhľadu a pre šetrenie času návštevníkom. A tiež prispieť k väčšej účasti na mieste.


Úspešným prijatím je kombinácia dlhých prevodov do zoznamov. A keď zverejníte ťažko pochopiteľné témy, často musíte používať vnorené zoznamy. Prijatím rozhodnutia budúci weboví vývojári budú musieť splniť vôľu zákazníka a budú musieť vytvoriť stránku pre poskytnuté rozloženie. Triky na prezentáciu textových informácií sa ľahko naučia a odporúčajú sa na použitie.

Druhy

Text používa dva druhy zoznamov: očíslované a označené. Oba druhy sa aktívne používajú. Hoci je možné ich vizuálne odlišovať, ale majú iné sémantické zaťaženie. Číselný zoznam v jazyku HTML sa používa pri prenose známeho počtu položiek a sú oddelené číslami. Často je ich počet uvedený v predchádzajúcom zozname. Príklad: "Nad profesionálnym miestom existujú tri typy špecialistov:

Web dizajnér.

Špecialista na obsah.

Web programátor "

Bullet predmety sú od seba oddelené pomocou markerov -. Drobné grafické objekty (body, kliešte). Používa sa v prípadoch, keď je počet prevodov nie je definovaná, je zrejmé, že ďalšie "najdostupnejší pre začiatočníkov, ktorí sa učia HTML, vo svojich knihách výukový materiál autorom nasledovné:

C. Mussyano;

B. Henik;

N. Komolová;

E. Polonskaya. "

Vo väčšine prípadov je potrebné dodržiavať toto pravidlo, ale existuje výnimka, keď je v rozpore s dizajnom vytvoreného webu alebo kontextu.

Číselný zoznam

Na vytvorenie číslovaného zoznamu sa spárovaná značka používa v jazyku HTML. Medzi nimi (namiesto troch bodov) sú uvedené položky obsiahnuté v značkách

- taktiež sú spárované. Príklad: Štandardne sú vyvedené arabské číslice, ale pomocou určitých parametrov značky

môžete zmeniť štýl očíslovaného zoznamu HTML. Syntax označenia -

. Existujú štyri typy záznamov vo formáte HTML.ktorý je jasnejšie prezentovaný vo forme tabuľky:

Typ



Hodnota parametra


)
latinské písmená



typ = "A"

Latinské písmená



typ = "a"



abc




typu = "I"



Ako vytvoriť očíslovaný zoznam v jazyku HTML (vrátane čísel s okrúhlou zátvorou)

type = "i"



je v procese štúdia CSS.

Označené zoznamy

Označenie tohto typu zoznamu sa uskutočňuje značkou a má nasledujúcu syntax:

Ak použijete predchádzajúci príklad a zmeníte značku

až

, potom to je:


Označenie v tvare čierneho kruhu je predvolené. Okrem toho existujú dva ďalšie typy:

Typ	Hodnota parametra	Čo sa ukáže
krúžok	typ = "kruh"	javascript
typ = "štvorcový"	¤ PHP

Zoznam

Niekedy je potrebné použiť na stránke očíslovaný zoznam HTML s čiastkovými položkami, má tvar:

1. Ovocie:

jablká;

Pomaranče;

banány;

2. Zelenina:

• uhorky;
• zemiaky;
• mrkva.

Aby ste to urobili, najprv sa musíte rozhodnúť, ktorý z nich bude hlavný, av značke, aby ste dal ďalšie na správnom mieste,prísne dodržiavať pravidlá vnorených značiek. Ak sa vezme do úvahy príklad, značka bude mať formu:

 
Ovocie

 
jablká;

Pomaranče;

banány.


 
 

 


Zelenina

 
uhorky;

zemiaky;

mrkva.


 
 



 

V dôsledku toho, prehliadač získa

& lt; script type = "text /javascript" & gt;
var blockSettings12 = {blockId: "R-A-116722-12", renderTo "yandex_rtb_R-A-116722-12", horizontalAlign:! 1async:! 0};

, ak (document.cookie.indexOf ("abmatch =") väčšie alebo rovné 0) {
blockSettings12 = {blockId: "RA-116722-12", renderTo "yandex_rtb_R-A-116722- 12 ", vodorovneAlign:! 1statId: 7async:! 0};
}

! Funkcie (a, b, c, d, e) {a [c] = a [c] || [], sa [C] .push (funkcia () {Ya .Context.AdvManager.render (blockSettings12)}), e = b.getElementsByTagName ("scenár") , d = b.createElement ("scenár"), d.type = "text /javascript", d.src = "//an.yandex.ru/system/context.js",d.async=!0e.parentNode.insertBefore(d,e)}(this,this.document,"yandexContextAsyncCallbacks");

Môžete vytvoriť viacúrovňový očíslovaný zoznam. HTML neobmedzuje prehľadávače na počet príloh:

Označovací kód pre tento príklad je nasledujúci:

1. Ovocie
   
   
   
   • 1,1 jablká:
     
     
     • Antonovka
     
     
     • Biely kvet
     
     
     
     
     
   • 1.2 pomaranče;
   
   
   • 1.3 banány.
   
   

Zelenina

• 1,1 uhorky;


• 1.2 zemiaky;


• 1.3 mrkva.

Všimnite si, že prílohy sú použité značky a čiastkové položky (111,2) sú napísané ručne. Zároveň sú značky zobrazené prehliadačom a pri každej novej prílohe sa objaví iný typ. To je všetkonevyzerá to veľmi pekne, ale ako sa ich zbaviť, môžete sa naučiť v procese učenia sa CSS. Prostriedky na odstránenie značiek HTML nie sú možné.

Hlavná vec je bezchybne dodržiavať prílohu značky. Chyby budú mať za následok skreslený výsledok!

Vlastné značky

Funkcie HTML sú veľmi obmedzené typmi značiek. Existuje spôsob, ako prekonať túto prekážku. Na tento účel sa namiesto značiek použije vkladanie obrázkov s vyznačením adresy na nich a značkou prerušenia riadku
na konci. Navrhovaná metóda vyzerá len na vonkajšej strane webovej stránky ako zoznam a v skutočnosti ide o simuláciu a alternatívu k nudnému štandardnému súboru HTML. Tento trik sa nepovažuje za "zlý" kód a neobmedzenú validáciu. Je vhodný pre tých, ktorí aspoň na počiatočnej úrovni vlastní grafický editor (GIMP, Photoshop). Je potrebné nakresliť grafické objekty na použitie ako značky. Editéri budú tiež musieť upraviť veľkosť obrázkov na text. Na účely vzdelávania môžete na testovacích stránkach použiť ikony niekoho iného, ​​ale neplatíte na verejne prístupných stránkach a nezabúdajte na zákon o autorských právach. Existuje dostatočný počet zdrojov, v ktorých používanie grafiky na ich účely nie je obmedzené. Pôžička niekoho iného materiálu sa však považuje za nevhodný a neodporúča sa vytvoriť viac-menej profesionálne miesto.