Cashar 4 / 10

Liisaska

Kala soocidda nidaamyada ul, ol, li, iyo farsamada isku-dhex-gelinta liisaska (nested lists).

Casharkaan, waxaan baran doonaa sida loo abuuro liisas (lists) HTML-ka. Liisasku waa qaab fiican oo lagu soo bandhigo xogta nidaamsan sida talaabooyinka, liisaska wax iibsiga, ama tix-raacyada.

1. Liis Aan Nidaamsanayn (Unordered List)

Liis aan nidaamsanayn wuxuu isticmaalaa summada <ul> (unordered list). Walax kasta oo liiska ku jira waxaa lagu dhejiyaa summada <li> (list item). Biraawsarku wuxuu ku daraa dhibco (bullet points) hor udhaca walax kasta.

<ul>
    <li>Caano</li>
    <li>Rooti</li>
    <li>Sonkor</li>
</ul>

2. Liis Nidaamsan (Ordered List)

Liis nidaamsan wuxuu isticmaalaa summada <ol> (ordered list). Walax kasta waxaa ku hor yimaada tiro (1, 2, 3…).

<ol>
    <li>Kululay biyaha</li>
    <li>Ku shaa shaah</li>
    <li>Ku dar sonkor</li>
</ol>

3. Liisas Isku-dhex gel ah (Nested Lists)

Waxaad ku dhex abuuri kartaa liis gudaha liis kale. Tani waxay kuu ogolaanaysaa inaad sameyso qaab-dhismeedyo hoosaadyo leh.

<ul>
    <li>Qaybta Koowaad
        <ul>
            <li>Hoosaad 1</li>
            <li>Hoosaad 2</li>
        </ul>
    </li>
    <li>Qaybta Labaad</li>
</ul>

4. Goorta la isticmaalo mid kasta

  • Liis aan nidaamsanayn (<ul>): Isticmaal marka nidaamka tirsanadu aan muhiim ahayn — liis wax iibsiga, tixraacyada, uruurinta fikradaha.
  • Liis nidaamsan (<ol>): Isticmaal marka nidaamka tirsanadu muhiim tahay — talaabooyin tallaabo-tallaabo ah, liiska koowaad/labaad/saddexaad.

Layli (Practice)

  1. Abuur liis aan nidaamsanayn oo ku qoran “Hiwaayadahayga” oo ka kooban 3 hiwaayadood.
  2. Abuur liis nidaamsan oo ku qoran “Tallaabooyinka Shaaha” oo ka kooban 4 tallaabo.
  3. Abuur liis isku-dhex gel ah oo leh qaybaha “Maalmaha Usbuuca” hoostoodana ku qor hawaha maalin kasta.

Sii wadashada: Casharka xigta, waxaan baran doonaa sida loo isticmaalo xiriirrada (links) si aad bogagga isugu xirto!

Start today · It's free

Ready to learn
something new?

Browse community-written courses on any subject, or share your expertise by contributing on GitHub .

Browse Courses