Responsive Advertisement

Understanding Colors and Lists in HTML: How to Style Your Website"

 "Fahamka Midabada iyo Liisaska HTML: Sida Loogu Qurxiyo Boggaaga Internetka"




Fahamka Midabada HTML 



waa muhiim si loo hagaajiyo muuqaalka boggaaga iyo in loo abuuro waayo-aragnimo isticmaaleyaal wanaagsan. HTML waxay taageertaa dhowr siyaabood oo loo qeexo midabada, waxaana jira seddex qaab oo caadi ah oo lagu isticmaali karo:

1. Hexadecimal (Hex): Qaabkan wuxuu isticmaalaa koodh lix-lambar ah, waxaana lambaradaas loo isticmaalaa si loo muujiyo isku darka midabada cas, cagaar, iyo buluug. Tusaale ahaan, #FF5733 waa midab cas oo xooggan.



2. RGB (Red, Green, Blue): Midabada waxaa lagu qeexaa adigoo adeegsanaya tirada cas (Red), cagaar (Green), iyo buluug (Blue). Tusaale ahaan, rgb(255, 87, 51) wuxuu muujinayaa midabka #FF5733.



3. HSL (Hue, Saturation, Lightness): Qaabkan wuxuu isticmaalaa saddex qodob: Hue (midabka asalka ah), Saturation (dardaaran), iyo Lightness (iftiin). Tusaale ahaan, hsl(9, 100%, 60%) waxay muujineysaa midabka cas.



4. Magacyada Midabada: Waxaa jira magacyo caadi ah oo si toos ah loogu isticmaali karo HTML, sida red, blue, green, yellow, iyo kuwo kale. Tusaale ahaan, waxaad isticmaali kartaa color: red; si aad u muujiso midab cas.








Qaababka Lagu Qeexo Midabada


HTML waxay isticmaashaa dhowr hab oo lagu qeexo midabada, kuwaas oo kala ah magacyada midabada, koodhadhka hex (hexadecimal), iyo RGB (Red, Green, Blue). Marka hore, waxaa muhiim ah in la fahmo habka hex ee loo isticmaalo midabada. Habkan waxa uu u shaqeeyaa iyadoo la isticmaalayo koodhka #RRGGBB. Halkan, RR wuxuu tilmaamayaa cas, GG cagaar, iyo BB buluug. Qiimayaasha la dooranayo waxay u dhexeeyaan 00 iyo FF, taasoo ka dhigan in ay jiraan 256 qiime oo suurtagal ah mid kasta oo ka mid ah midabada cas, cagaar, iyo buluug.


Tusaale ahaan, midabka cas wuxuu noqon karaa #FF0000, halka #00FF00 uu yahay cagaar, iyo #0000FF uu yahay buluug.




Tusaalooyinka Midabada HTML


Cas: #FF0000


Cagaar: #00FF00


Buluug: #0000FF


Caddaan: #FFFFFF


Madow: #000000


Cawlan: #808080



Waxaad sidoo kale isticmaali kartaa magacyada midabada sida red, green, blue, yellow, iyo kuwa kale oo badan. Si kastaba ha ahaatee, haddii aad rabto inaad si gaar ah u qeexdo midabada adigoo isticmaalaya koodhadh hex, waxaad heli doontaa awood dheeraad ah iyo dabacsanaan.


Dejinta Midabka Asalka ee Bogga


Midabka asalka bogga HTML wuxuu ka mid yahay astaamaha ugu muhiimsan ee laga isticmaalo naqshadeynta bogga. Si aad u dejiso midabka asalka ee boggaaga, waxaad isticmaali kartaa tagga <BODY>. Tagga <BODY> wuxuu kuu oggolaanayaa inaad si fudud u beddesho midabka asalka ama xitaa sawir asalka ah ee bogga.


Tusaale ahaan, haddii aad rabto inaad dejiso qoraal caddaan ah oo ku jira asalka buluugga ah, waxaad u isticmaali kartaa sida soo socota:


<BODY BGCOLOR="blue" TEXT="white">

  <H2>Qoraalka caddaan ah ee ku jira asalka buluugga ah</H2>

</BODY>


Halkan, BGCOLOR="blue" wuxuu qeexayaa midabka asalka bogga inuu yahay buluug, waxaana qoraalka lagu dhigaya mid caddaan ah adigoo isticmaalaya TEXT="white". Waxaad sidoo kale ku dari kartaa midabyo kale sida cagaar ama cas si aad ugu habboonaato naqshadeyntaada.


Abuurista Liisaska HTML


Liisaska HTML waxay kaa caawinayaan in aad si habboon u soo bandhigto xogta boggaaga. Waxaa jira saddex nooc oo liisaska ah oo HTML taageerto: liisaska aan la kala saarayn (unordered lists), liisaska la kala saarayo (ordered lists), iyo liisaska qeexida (definition lists).


1.  (Unordered List)


Liisaskan waxay soo bandhigaan walxo muhiim ah oo aan la kala saarayn amarka ay ku soo baxaan. Waxa kaliya oo muhiim ah waa waxyaabaha lagu soo bandhigayo, laakiin amarka waxyaabahaas ma aha muhiim. Waxaa loo isticmaali karaa in lagu soo bandhigo liisaska ardayda, alaabooyinka, ama waxyaabo kale.


Si aad u abuurto liis aan la kala saarayn, waxaad isticmaali kartaa tagga <UL> (bilowga liiska) iyo </UL> (dhamaadka liiska). Walxaha liiska waxaa lagu qeexi karaa tagga <LI> iyo </LI>. Tusaale ahaan:


<BODY>

  tusale  Ardayda Deeqda Waxbarashada:<BR>

  <UL>

    <LI>Ali Mohamed Jama</LI>

    <LI>Amina Warsame Artan</LI>

    <LI>Jimcale Farah Adam</LI>

    <LI>Mohamed Ahmed Abdi</LI>

    <LI>Ahmed Ali Mohamed</LI>

  </UL>

</BODY>


HTML waxay sidoo kale taageertaa saddex nooc oo calaamado ah oo loogu talagalay liisaska aan la kala saarayn: disc (default), circle, iyo square. Si aad u beddesho nooca calaamadda, waxaad ku dari kartaa astaanta TYPE tagga <UL>. Tusaale ahaan:


<BODY>

  Liiska Ardayda Deeqda Waxbarashada:<BR>

  <UL type="circle">

    <LI>Ali Mohamed Jama</LI>

    <LI>Amina Warsame Artan</LI>

    <LI>Jimcale Farah Adam</LI>

    <LI>Mohamed Ahmed Abdi</LI>

    <LI>Ahmed Ali Mohamed</LI>

  </UL>

</BODY>




2. Liis La Kala Saarayo (Ordered List)


Liisaska la kala saarayo waxaa lagu abuuri karaa iyadoo la isticmaalayo tagga <OL> (bilowga liiska) iyo </OL> (dhamaadka liiska). Liiskan waxaa loo isticmaali karaa marka aad rabto inaad soo bandhigto waxyaabo muhiim ah oo ku socda amarka ama taxanaha. Tusaale ahaan, liiska talaabooyinka loo baahan yahay si loo iibsado alaabada dukaanka online-ka:


<BODY>

  <P>Talaabooyinka lagu iibsado alaabada dukaanka:</P>

  <OL>

    <LI>Dooro alaabada</LI>

    <LI>Geli magacaaga</LI>

    <LI>Geli cinwaankaaga</LI>

    <LI>Geli bixintaada</LI>

    <LI>Guji batoonka iibsiga</LI>

  </OL>

</BODY>


HTML waxay taageertaa saddex nooc oo liisaska la kala saarayo: Nambaro Carabi (default), xarfaha waaweyn iyo kuwa yaryar (A, a), iyo xarfaha Roomaanka ee waaweyn iyo kuwa yaryar (I, i). Si aad u beddesho nooca liiska la kala saarayo, waxaad ku dari kartaa astaanta TYPE tagga <OL>.


3. Liis Qeexid (Definition List)


Liisaska qeexida waxaa lagu abuuri karaa iyadoo la isticmaalayo saddex tag: <DL> (bilowga liiska) iyo </DL> (dhamaadka liiska), <DT> (erayga) iyo </DT> (dhamaadka erayga), iyo <DD> (qeexidda erayga) iyo </DD> (dhamaadka qeexidda). Liiskan waxaa loo isticmaali karaa si loo soo bandhigo erayo iyo qeexidooda, sida liiska erayada ereyga "glossary".


Tusaale ahaan:


<BODY>

  <P><B>Ereyada iyo qeexitaankooda:</B></P>

  <DL>

    <DT>HTML</DT> 

    <DD>HyperText Markup Language</DD>

    <DT>XML</DT>

    <DD>Extensible Markup Language</DD>

    <DT>PHP</DT>

    <DD>Personal Home Page</DD>

    <DT>ASP</DT>

    <DD>Active Server Pages</DD>

    <DT>FTP</DT>

    <DD>File Transfer Protocol</DD>

    <DT>HTTP</DT>

    <DD>HyperText Transfer Protocol</DD>

    <DT>WWW</DT>

    <DD>World Wide Web</DD>

  </DL>

</BODY>



Gabagabo


Abuurista liisaska HTML waa hab muhiim ah oo loo isticmaalo in lagu soo bandhigo xogta iyo macluumaadka boggaaga internetka. Waxaa jira saddex nooc oo liisaska ah: liisaska aan la kala saarayn, liisaska la kala saarayo, iyo liisaska qeexida, mid walbana wuxuu leeyahay adeegsigiisa gaar ah. Waxaa muhiim ah in la fahmo sida loo isticmaalo tags-ka liisaska si loo abuuro bogagga internetka ee si habboon loo naqshadeeyay.


Midabada iyo asalka bogga ayaa sidoo kale qayb muhiim ah ka ah naqshadeynta bogga, iyadoo midabada saxda ah lagu qeexayo HTML ay ka caawinayso in la abuuro bog internet oo soo jiidasho leh. Isticmaalka midabada iyo liisaska si habboon waxay xaqiijinaysaa in boggaaga uu leeyahay muuqaal nadiif ah oo la fahmi karo. inash allah waa inao iyo cashirak danabe


Tags

Post a Comment

0 Comments