HTML gairėsSąrašai

IT mokytoja

Vilma Bernotienė

Sąrašai

Sąrašas - kas tam tikra eile surašyta.

PVZ.: prekių, daiktų sąrašas, rinkėjų sąrašai, vietovardžių sąrašas.

Sąrašai gali būti numeruojamieji ar ženklinamieji.

Ženklinamieji sąrašai

Kai sąrašo elementai lygiaverčiai ir/arba jų eilė sąraše nėra griežtai apibrėžta, patartina sąrašus ženklinti.

Ženklinamojo sąrašo pgrindinė gairės yra <ul>, o kiekvianas sąrašo elementas rašomas tarp gairių <li>.

Gairė <ul> turi atributą type, kuris nurodo ženklinimo stilių.

HTML gairė <ul> su atributu Pavyzdys

<ul type="disc"><li>Tekstas</li> <li>Tekstas</li>

<li>Tekstas</li> </ul>

Skrituliais ženklintas sąrašas:•Tekstas•Tekstas•Tekstas

<ul type="circle"><li>Tekstas</li> <li>Tekstas</li>

<li>Tekstas</li> </ul>

Tuščiaviduriais skrituliais ženklintas sąrašas:oTekstasoTekstasoTekstas

<ul type="square"><li>Tekstas</li> <li>Tekstas</li>

<li>Tekstas</li> </ul>

Pilnaviduriais kvadratais ženklintas sąrašas:TekstasTekstasTekstas

Numeruojamieji sąrašai

Kai sąrašo elementai nėra lygiaverčiai ir/arba svarbi jų vieta sąraše, patartina sąrašus numeruoti.

Numeruojamojo sąrašo pgrindinė gairės yra <ol>, o kiekvianas sąrašo elementas rašomas tarp gairių <li>.

Gairė <ol> turi atributą type, kuris nurodo numeravimo stilių.

Pvz.: <ol type=“1”>.

HTML gairė <ol> su atributu Pavyzdys

<ol> <li>Tekstas</li> <li>Tekstas</li> <li>Tekstas</li> </ol>

Numeruojamas sąrašas pagal nutylėjimą:1.Tekstas2.Tekstas3.Tekstas

<ol type="A"><li>Tekstas</li> <li>Tekstas</li>

<li>Tekstas</li> </ol>

Lotyniškos didžiosios raidės (A-Z):A. TekstasB. TekstasC. Tekstas

<ol type="a"><li>Tekstas</li> <li>Tekstas</li>

<li>Tekstas</li> </ol>

Lotyniškos mažosios raidės (a-z):a. Tekstasb. Tekstasc. Tekstas

<ol type=“I"><li>Tekstas</li> <li>Tekstas</li>

<li>Tekstas</li> </ol>

Didieji romėniški skaitmenys:I. TekstasII. TekstasIII. Tekstas

<ol type="i"><li>Tekstas</li> <li>Tekstas</li>

<li>Tekstas</li> </ol>

Mažieji romėniški skaitmenys:i. Tekstasii. Tekstasiii. Tekstas

<ol type="1"><li>Tekstas</li> <li>Tekstas</li>

<li>Tekstas</li> </ol>

Arabiški skaitmenys:1.Tekstas2.Tekstas3.Tekstas

1 Užduotis

2 Užduotis