html gairės sąrašai
Post on 11-Jan-2016
67 Views
Preview:
DESCRIPTION
TRANSCRIPT
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
top related