Orodha ni sehemu muhimu ya HTML ya kuonyesha data kwa njia iliyopangwa na kusomeka. HTML hutoa aina tatu kuu za orodha: orodha zisizopangwa, orodha zilizopangwa, na orodha za ufafanuzi.
Orodha ambazo hazijapangwa(<ul>) hutumia nukta mahususi za vitone na huonyeshwa kama vitu vilivyowekwa ndani, kwa kawaida kwa kutumia vitone vyeusi. Hili ni chaguo maarufu kwa kuorodhesha bidhaa ambazo hazihitaji agizo maalum.
Orodha zilizopangwa(<ol>) hutumia nambari maalum au vialamisho vya herufi na huonyeshwa kama orodha iliyopangwa kwa mpangilio. Hii mara nyingi hutumiwa kuorodhesha vitu kwa mpangilio maalum au kuhesabu nambari.
Orodha za ufafanuzi(<dl>) hutumia neno na jozi za maelezo ili kuonyesha data. Kila jozi imefungwa ndani ya tagi za <dt>(fasili) na <dd>(maelezo ya ufafanuzi). Hii ni njia bora ya kuonyesha sifa au ufafanuzi wa dhana mahususi.
Orodha Isiyopangwa( <ul>)
- <ul> Kipengele kinatumika kuunda orodha isiyopangwa.
- Kila kipengee kwenye orodha isiyopangwa kinawekwa ndani ya <li> kipengele.
- Orodha ambazo hazijapangwa huonyeshwa kwa kawaida na risasi au vibambo sawa.
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
Orodha Iliyoagizwa( <ol>)
- <ol> Kipengele kinatumika kuunda orodha iliyoagizwa.
- Kila kitu katika orodha iliyoagizwa huwekwa ndani ya <li> kipengele.
- Orodha zilizoagizwa kwa kawaida huonyeshwa na nambari au herufi za alfabeti.
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
Orodha ya Ufafanuzi( <dl>)
- <dl> Kipengele kinatumika kuunda orodha ya ufafanuzi.
- Kila kipengee katika orodha ya ufafanuzi kina jozi ya <dt>(neno la ufafanuzi) na <dd>(maelezo ya ufafanuzi) tagi.
- <dt> Lebo ina neno kuu au sifa inayofafanuliwa, wakati <dd> lebo ina maelezo au maelezo ya neno kuu au sifa hiyo.
<dl>
<dt>Keyword 1</dt>
<dd>Description for Keyword 1</dd>
<dt>Keyword 2</dt>
<dd>Description for Keyword 2</dd>
</dl>
Sifa ya Aina ya Orodha( <ul> na <ol>)
- Sifa ya aina inatumika kubainisha mtindo wa kuorodhesha wa orodha iliyoagizwa.
- Thamani ya sifa ya aina inaweza kuwa "1"(nambari), "A"(herufi kubwa), "a"(herufi ndogo), "I"(nambari kubwa za Kirumi), au "i"(nambari ndogo za Kirumi) .
<ol type="A">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
Anza Sifa( <ol>)
- Sifa ya mwanzo inatumika kubainisha thamani ya kuanzia ya nambari katika orodha iliyoagizwa.
- Thamani ya sifa ya mwanzo ni nambari chanya.
<ol start="5">
<li>Item 5</li>
<li>Item 6</li>
<li>Item 7</li>
</ol>
Sifa Iliyogeuzwa( <ol>)
- Sifa iliyogeuzwa inatumika kuonyesha orodha iliyoagizwa kwa mpangilio wa nyuma.
- Wakati sifa iliyogeuzwa inatumika, nambari zitaonyeshwa kwa mpangilio wa kushuka.
<ol reversed>
<li>Item 3</li>
<li>Item 2</li>
<li>Item 1</li>
</ol>
Sifa na vipengele hivi hukuruhusu kuunda na kubinafsisha orodha katika HTML kulingana na mahitaji yako. Unaweza kuzitumia kuonyesha data kwa njia iliyo wazi na iliyopangwa kwenye tovuti yako.