Isla marka aad bilowdo dhismaha websaytka HTML, waxaad bilaabi doontaa inaad la shaqeysid qiyaaso. Si aad boggaaga u eegto habka aad u rabto in ay eegto, waxay u badan tahay in ay u dhiganto naqshad aad adiga ama naqshadeeye kale abuuray, waxaad dooneysaa inaad bedesho cabbirka qoraalka goobta, iyo waliba waxyaabaha kale ee bogga. Si aad tan u samayso waxaad bilaabi kartaa inaad eegto HTML "size", laakiin si deg deg ah ayaad u heli doontaa maqnaanshaha.
Taariikhda cabbirka ee HTML kuma jiro HTML. Bedelkii, si aad u dejisid cabbirka faylashaada, sawirada ama qaabeynta waa inaad isticmaashaa Xaashiyaha Cascading Style. Dhab ahaan, isbeddel muuqaal ah oo aad u baahan tahay inaad sameyso qoraalka goobta ama qayb kale waa in lagu xalliyaa CSS! HTML waa qaabka kaliya.
Taariikhda ugu dhow ee qaddarka cabbirka ee HTML waa qoraalka hore ee font, oo dhab ahaantii ka mid ahaa astaamaha cabbirka. La digtoonaayo in buuggan la soo saaray liiskan cusub ee HTML oo laga yaabo inaanay ku taageerin daalacayaasha mustaqbalka! Uma baahnid inaad isticmaasho tagtada font ee HTML aad! Taa bedelkeeda, waa inaad barataa CSS si loo barbar dhigo waxyaalahaaga HTML iyo qaabka boggaaga si habboon.
Xaddiga Kawaanka
Noocyada kala geddisan ayaa ah sida ugu fudud ee loo cabbiro CSS. Moreso marka loo eego qoraalkaas, CSS-da ayaad ka noqon kartaa mid gaar ah oo ku saabsan boggaaga boggaaga . Waxaad qeexi kartaa cabbirka xajmiga, midabka, muraayadda, miisaanka, hogaamiyaha, iyo in ka badan. Iyadoo la adeegsanayo tilmaanta font, waxaad qiyaasi kartaa oo keliya cabbirka, ka dibna kaliya marka loo eego tiro nambarka cabbirka sawirka ee baasaboorka kaas oo ka duwan macaamiisha.
Si aad u dejisato cutubkaaga si aad u hesho cabbirka font 12pt, waxaad isticmaashaa hantida style-size size:
h3 {font-size = 24px; }Qaabkani wuxuu dejin doonaa xajmiga cabbirka ee cinwaanada 3 xabbo 24 pixels. Waxaad ku dari kartaa waraaqda qaabka dibedda ah iyo dhamaan H3s-kaaga boggaaga ayaa isticmaali doona qaabkan.
Haddii aad rabto inaad ku darto hababka noocyada kale ah ee qoraalkaaga, waxaad ku dari kartaa xeerkan CSS:
h3 {font-size: 24px; midabka: # 000; font-miisaanka: caadiga; }Tani ma aha oo kaliya inay cabbiraan cabbirka xarfaha ee H3s, waxay sidoo kale u dhigeysaa midabka madow (taas oo ah habka hexadka ee # 000 macnaheedu yahay) oo wuxuu miisaankiisu dhigayaa "caadi". Marka la eego, daalacayaashu waxay ku muujiyaan cinwaannada 1-6 sida qoraalka cad, sidaas daraadeed qaabkan ayaa ka hor istaagi lahaa taas oo ah mid aan "cadad lahayn" qoraalka.
Tirada sawirada
Sawiradu waxay noqon karaan kuwo khaldan si ay u qeexaan xajmiyada maxaa yeelay waxaad dhab ahaantii u isticmaali kartaa browser si uu u dejiyo sawirka. Dabcan, dib-u-dhajinta sawirada shabakada waa fikrad xun, sababtoo ah waxay keeneysaa bogag si aad u yaraatid oo daalacayaashu inta badan waxay sameeyaan shaqo liidata ee dib-u-dhiska, sameynta sawiradu waxay u muuqdaan kuwo xun. Bedelkeeda, waa inaad isticmaashaa barnaamijka sawirada si aad u bedesho muuqaalka kadibna qor qiyaasta dhabta ah ee boggaaga HTML.
Si ka duwan jaantusyada, sawiradu waxay isticmaali karaan midkood HTML ama CSS si ay u qeexaan cabbirka. Waxaad qeexaysaa ballaca sawirka iyo dhererka. Markaad isticmaasho HTML, waxaad qeexi kartaa cabbirka sawirada pixels. Haddii aad isticmaashid CSS, waxaad isticmaali kartaa cabbiraadyo kale oo ay ku jiraan injjir, santimitir, iyo boqolkiiba. Qiimahaan ugu dambeeya, boqolleyda, waa mid aad u faa'iido leh marka sawiradu ay u baahan yihiin inay dareeraan, sida shabakada jawaabta leh.
Si aad u qeexdo cabirka sawir adigoo isticmaalaya HTML, isticmaal dhererka iyo sifooyinka width ee img tag. Tusaale ahaan, sawirkani wuxuu noqon lahaa 400x400 pixels square:
dherer = "400" width = "400" alt = "image" />Si loo qeexo cabbirka sawirka adigoo isticmaalaya CSS, isticmaal dhirirka dhererka iyo qaabka ballaaran. Halkan sawir la mid ah, adoo isticmaalaya CSS si loo qeexo cabirka:
style = "height: 400px; width: 400px;" alt = "image" />Miisaanka loo qoondeeyay
Cabbirka ugu caansan ee aad ku qeexday qaab-dhismeed waa ballaadhka, iyo wax ugu horeysa ee aad u baahan tahay inaad go'aansato waa inaad isticmaasho qaab-dhismeed ballaaran oo ballaaran ama shabakad wax ku ool ah. Si kale haddii loo dhigo, miyaad tahay inaad ku qeexdo ballacda madaama tirada saxda ah ee pixels, inji, ama dhibcood? Ama miyaad dooneysaa inaad ballaadhiso jadwalkaaga qaabaynta si aad u noqoto mid jajaban adoo isticmaalaya isticmaalka ems ama boqolkiiba? Si aad u qeexdo xajmigaaga qaab-dhismeedkaaga, waxaad isticmaashaa saqafka iyo dhererka CSS-ga sida aad u sawirto.
Width width:
style = "width: 600px;">Wareeg yar:
style = "width: 80%;">Markaad go'aansaneysid balaarinta qaabayntaada, waa in aad maskaxda ku haysaa noocyada kala duwan ee browserka ee akhristayaashu isticmaali karaan iyo qalabka kala duwan ee ay isticmaali doonaan. Tani waa sababta website-yada wax-ka-qabashada , oo bedeli kara qaab-dhismeedkooda iyo qiyaasidda ku salaysan qalab kala duwan iyo cabbirrada shaashadda, waa habka ugu fiican ee lagu tababaro maanta.