HTML-Listat

Shpesh here lind nevoja per te futur lista ne faqet tona. Per kete gje html ofron nje bashkesi tags qe percaktojne modele te ndryshme. Le ti shofim keto:

Listat e ordinuara

Listat e ordinuara jane lista ku elementet perberes jane te rradhitur ne baze te nje kriteri te caktuar.
Tag qe perdoret per te hapur nje liste te ordinuar eshte <ol> “ordered list” dhe <li> “list item” qe perfaqeson nje element brenda listes.

<ol>

<li>elementi i pare</li>

<li>elementi i dyte</li>

<li>elementi i trete</li>

</ol>

  1. elementi i pare
  2. elementi i dyte
  3. elementi i trete

Pervec perdorimit te numrave per rradhitjen e elementeve mund te perdorim edhe shenja te tjera:

Vlera e atributit type
Stili i rradhitjes
type=”1″ numura arabe <ol type=”1″>

<li>el1</li>

<li>el2</li>

<li>el3</li>

</ol>

  1. el1
  2. el2
  3. el3
type=”a” alfabeti me te vogla <ol type=”a”>

<li>el1</li>

<li>el2</li>

<li>el3</li>

</ol>

  1. el1
  2. el2
  3. el3
type=”A” alfabeti me te medha <ol type=”A”>

<li>el1</li>

<li>el2</li>

<li>el3</li>

</ol>

  1. el1
  2. el2
  3. el3
type=”i” numura romake te vegjel <ol type=”i”>

<li>el1</li>

<li>el2</li>

<li>el3</li>

</ol>

  1. el1
  2. el2
  3. el3
type=”I” numura romake te medha <ol type=”I”>

<li>el1</li>

<li>el2</li>

<li>el3</li>

</ol>

  1. el1
  2. el2
  3. el3

Listat e paordinuara

Listat e paordinuara fillojne me tag <ul> “unordered list” dhe cdo element fillon me <il>. Modeli i pergjithshem eshte ky:

<ul>

<li>elementi i pare</li>
<li>elementi i dyte</li>
<li>elementi i trete</li>

</ul>

  • elementi i pare
  • elementi i dyte
  • elementi i trete

Shenja qe perdoret per keto lista ne default eshte nje top i vogel i zi edhe pse ndryshon nga browser ne browser. Gjithsesi ekzistojne edhe modele te tjera grafike:

Vlera e atributit type
Stili i rradhitjes
type=”disc” tregon nje top te vogel te mbushur. <ul type=”disc”>
<li>el1</li>
<li>el2</li>
<li>el3</li>
</ul>
  • el1
  • el2
  • el3
type=”circle” tregon nje rreth bosh

<ul type=”circle”>

<li>el1</li>
<li>el2</li>
<li>el3</li>
</ul>

  • el1
  • el2
  • el3
type=”square” Tregon nje katror te mbushur

<ul type=”square”>
<li>el1
<li>el2
<li>el3

</ul>

  • el1
  • el2
  • el3

Vini re se stili grafik ndryshon ne menyre automatike kur kemi te bejme me lista te aniduara, dmth lista brenda liste. Shembull:

<ul>
<li>el1 lista1</li>
<li>el2 lista1</li>
<ul>
<li>el1 lista2</li>
<li>el2 lista2</li>
<ul>
<li>el1 lista3</li>
</ul>
</ul>
<li>el3 lista1</li>

</ul>

  • el1 lista1
  • el2 lista1
    • el1 lista2
    • el2 lista2
      • el1 lista3
    • el3 lista3
  • Share/Bookmark

Reth autorit