HTML

Liisaska HTML (Lists)

Liisaska HTML waxaa loo isticmaalaa in lagu soo bandhigo macluumaadka qaab liis ah oo habaysan. HTML waxay bixisaa saddex nooc oo liis ah:

  1. Liisaska Aan Kala Hormaysanayn (Unordered Lists): Waxaa loo isticmaalaa liisaska shayada aan lahayn amar gaar ah. Shay kasta oo liiska ku jira waxaa lagu calaamadeeyaa xarfo (bullet points).
  2. Liisaska Kala Hormaysan (Ordered Lists): Waxaa loo isticmaalaa liisaska shayada leh amar gaar ah ama isku xigxig. Shay kasta oo liiska ku jira waxaa lagu calaamadeeyaa nambaro ama xarfo.
  3. Liisaska Sharaxaadda (Description Lists): Waxaa loo isticmaalaa liisaska ereyada iyo sharraxaadaha. Waxay ku fiican yihiin soo bandhigidda erey-bixinno ama macluumaad faahfaahsan oo ku saabsan ereyada.

1. Liisaska Aan Kala Hormaysanayn (Unordered Lists) (<ul>, <li>)

Liisaska aan kala hormaysanayn waxaa loo isticmaalaa marka amar gaar ah oo shayada liiska ku jira aanu muhiim ahayn. Waxaa lagu abuuraa tag-ga <ul> (unordered list), shay kasta oo liiska ku jira waxaa lagu qeexaa tag-ga <li> (list item).

  • <ul> (Unordered List): Waxay qeexdaa weelka liiska aan kala hormaysanayn. Dhammaan shayada liiska (<li>) waa inay ku jiraan tag-ga <ul>.
  • <li> (List Item): Waxay qeexdaa shay kasta oo ku jira liiska.

Tusaale:

HTML

<ul>
  <li>Qaxwe</li>
  <li>Shaah</li>
  <li>Caano</li>
</ul>

Soo-saarista Browserka:

  • Qaxwe
  • Shaah
  • Caano

Sharaxaadda:

  • Tag-ga <ul> wuxuu bilaabayaa liiska aan kala hormaysanayn.
  • Tag kasta oo <li> ah wuxuu qeexdaa shay liis ah (qaxwe, shaah, caano).
  • Browserku wuxuu ku muujiyaa liiska xarfo (bullet points) horteeda shay kasta.

2. Liisaska Kala Hormaysan (Ordered Lists) (<ol>, <li>)

Liisaska kala hormaysan waxaa loo isticmaalaa marka amar gaar ah oo shayada liiska ku jira uu muhiim yahay. Shay kasta oo liiska ku jira waxaa lagu calaamadeeyaa nambaro ama xarfo. Waxaa lagu abuuraa tag-ga <ol> (ordered list), shay kasta oo liiska ku jira waxaa lagu qeexaa tag-ga <li> (list item) - sida liisaska aan kala hormaysanayn.

  • <ol> (Ordered List): Waxay qeexdaa weelka liiska kala hormaysan. Dhammaan shayada liiska (<li>) waa inay ku jiraan tag-ga <ol>.
  • <li> (List Item): Waxay qeexdaa shay kasta oo ku jira liiska.

Tusaale:

HTML

<ol>
  <li>Tallaabada Koowaad</li>
  <li>Tallaabada Labaad</li>
  <li>Tallaabada Saddexaad</li>
</ol>

Soo-saarista Browserka:

  1. Tallaabada Koowaad
  2. Tallaabada Labaad
  3. Tallaabada Saddexaad

Sharaxaadda:

  • Tag-ga <ol> wuxuu bilaabayaa liiska kala hormaysan.
  • Tag kasta oo <li> ah wuxuu qeexdaa shay liis ah (tallaabada koowaad, labaad, saddexaad).
  • Browserku wuxuu ku muujiyaa liiska nambaro horteeda shay kasta, isku xigxiga ay ku qoran yihiin tag-yada <li> ee ku jira <ol>.

Tilmaamaha Liisaska Kala Hormaysan (<ol>)

Tag-ga <ol> wuxuu leeyahay tilmaamo dhowr ah oo lagu xakameyn karo qaabka nambarada:

  • type: Waxay qeexdaa nooca nambarada ee la isticmaalayo. Qiimaha caadiga ah waa 1 (nambaro). Qiimaha kale waxaa ka mid ah:

    • 1: Nambaro (1, 2, 3, ...) - Qiimaha caadiga ah
    • A: Xarfo waaweyn (A, B, C, ...)
    • a: Xarfo yaryar (a, b, c, ...)
    • I: Nambarada Roomaanka waaweyn (I, II, III, ...)
    • i: Nambarada Roomaanka yaryar (i, ii, iii, ...)

    Tusaale type="A":

    HTML

    <ol type="A">
  <li>Shay 1</li>
  <li>Shay 2</li>
  <li>Shay 3</li>
</ol>

    Soo-saarista Browserka:

    A. Shay 1 B. Shay 2 C. Shay 3

  • start: Waxay qeexdaa qiimaha bilowga ee nambarada.

    Tusaale start="5":

    HTML

    <ol start="5">
  <li>Shay 1</li>
  <li>Shay 2</li>
  <li>Shay 3</li>
</ol>

    Soo-saarista Browserka:

    1. Shay 1
    2. Shay 2
    3. Shay 3

3. Liisaska Sharaxaadda (Description Lists) (<dl>, <dt>, <dd>)

Liisaska sharaxaadda waxaa loo isticmaalaa in lagu soo bandhigo ereyo iyo sharraxaadahooda. Waxay ku fiican yihiin erey-bixinnada, su'aalaha iyo jawaabaha, ama macluumaad kale oo faahfaahsan. Waxaa lagu abuuraa tag-ga <dl> (description list), erey kasta waxaa lagu qeexaa tag-ga <dt> (description term), sharaxaad kasta waxaa lagu qeexaa tag-ga <dd> (description details/description).

  • <dl> (Description List): Waxay qeexdaa weelka liiska sharaxaadda.
  • <dt> (Description Term): Waxay qeexdaa ereyga la sharraxayo.
  • <dd> (Description Details/Description): Waxay qeexdaa sharaxaad ereyga ku xiga <dt>.

Tusaale:

HTML

<dl>
  <dt>Qaxwe</dt>
  <dd>- Cabitaan kulul oo laga sameeyo digirta qaxwaha la dubay.</dd>
  <dt>HTML</dt>
  <dd>- Luqadda Calaamadaynta HyperText, oo ah luqadda caadiga ah ee loo isticmaalo abuurista bogagga shabakadda.</dd>
</dl>

Soo-saarista Browserka:

Qaxwe

  • Cabitaan kulul oo laga sameeyo digirta qaxwaha la dubay. HTML
  • Luqadda Calaamadaynta HyperText, oo ah luqadda caadiga ah ee loo isticmaalo abuurista bogagga shabakadda.

Sharaxaadda:

  • Tag-ga <dl> wuxuu bilaabayaa liiska sharaxaadda.
  • Tag kasta oo <dt> ah wuxuu qeexdaa ereyga (qaxwe, HTML).
  • Tag kasta oo <dd> ah wuxuu qeexdaa sharaxaad ereyga ku xiga <dt>.
  • Browserku wuxuu ku muujiyaa ereyga <dt> si caadi ah, sharaxaadda <dd>na waa hoos loo soo riixay.

Gabagabo

Liisaska HTML waa qalab aad u fiican oo lagu soo bandhigo macluumaadka qaab habaysan oo la akhriyi karo. Isticmaal <ul> liisaska aan kala hormaysanayn, <ol> liisaska kala hormaysan, iyo <dl> liisaska sharaxaadda si aad u qaabaysato waxyaabaha ku jira bogaggaaga shabakadda si wax ku ool ah.