Understanding HTML List Tags ul, ol, li

 Maqaal: Casharka 6aad ee HTML - Tags-ka Liisaska: <ul>, <ol>, <li>

HTML (Hypertext Markup Language) waa luqadda aasaasiga ah ee loo isticmaalo in lagu abuuro bogagga internet-ka. Casharkan waxaa looga hadli doonaa Tags-ka Liisaska ee HTML, kuwaas oo muhiim u ah in lagu dhiso ama lagu abuuro liisaska qoraalada bogga. Waxaan si gaar ah diiradda u saari doonaa saddex tags oo muhiim ah: <ul>, <ol>, iyo <li>.

Understanding HTML List Tags: <ul>, <ol>, <li>
 Understanding HTML List Tags: <ul>, <ol>, <li>


1. Tag-ga <ul> (Unordered List)

Tag-ga <ul> waxaa loo isticmaalaa in lagu abuuro liis aan nidaamayn (unordered list), oo ah liis aan lahayn tiro ama nidaam taxane ah. Liiska noocaan ah waxaa badanaa lagu muujiyaa dhibco (bullets) oo ku ag yaal shay kasta oo liiska ku jira.

Tusaale:

html

<ul> <li>Qodobka Koowaad</li> <li>Qodobka Labaad</li> <li>Qodobka Saddexaad</li> </ul>

Tusaalahan kore wuxuu soo saarayaa liis dhibco ah oo ka kooban saddex qodob.

2. Tag-ga <ol> (Ordered List)

Tag-ga <ol> waxaa loo isticmaalaa in lagu abuuro liis nidaamsan (ordered list), oo ah liis leh tiro ama nidaam taxane ah (tusaale ahaan 1, 2, 3, iwm). Liiskan waxaa lagu isticmaalaa meelaha ay muhiim tahay in la raaco nidaam ama tixraac cad.

Tusaale:

html

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

Tusaalahan wuxuu soo saarayaa liis tiris ah oo leh saddex qodob oo isku xiga (1, 2, 3).

3. Tag-ga <li> (List Item)

Tag-ga <li> waxaa loo isticmaalaa in lagu abuuro shay liis ku jira (list item). Waxa uu ku jiraa labadaba <ul> iyo <ol> waxaana loo isticmaalaa in lagu qeexo qodob kasta oo liiska ah.

Isticmaalka Tag-ga <li>:

Tag-ga <li> waa midka uu ku qoran yahay macluumaadka ama qodobka la doonayo in lagu muujiyo liiska. Marka <ul> ama <ol> la isticmaalo, waxaa khasab ah in la isticmaalo <li> si loo qeexo wax kasta oo liiska ku jira.

Tusaale Liisyo Isku Jira:

Waxaa suurtogal ah in labadaba liis nidaamsan (ordered list) iyo liis aan nidaamsanayn (unordered list) lagu isticmaalo isla bogga ama qaybta bogga. Tusaale ahaan:

html

<h3>Mashruuca Qorshaha Safarka</h3> <ul> <li>Qorsheynta: <ol> <li>Dalxiiska Magaalada</li> <li>Booqashada Xeebta</li> <li>Soo iibinta Hadiyadaha</li> </ol> </li> <li>Dhamaystirka Dukumentiyada</li> <li>Shaqaalaha la socodsiinta</li> </ul>

Tusaalahan wuxuu muujinayaa sida liisaska kala duwan ee <ul> iyo <ol> loogu dhex isticmaali karo hal meel, taas oo awood siinaysa in si fiican loo habeeyo macluumaadka bogga.

Gunaanad:

Tags-ka liisaska ee HTML, sida <ul>, <ol>, iyo <li>, waxay fududeeyaan habka loo abuuro loona habeeyo qoraallada liis ahaan bogagga internet-ka. <ul> waxaa loo isticmaalaa liisaska aan nidaamsanayn halka <ol> loo isticmaalo liisaska nidaamsan. Tag-ga <li> wuxuu qeexaa wax kasta oo liiska ku jira. Waxay yihiin qalabyo muhiim ah oo ka qayb qaata tayaynta iyo qurxinta qaabeynta boggaaga internet-ka.

Previous Post Next Post