InternetWeb Design

Muhiimka ah html: codsiga, wax soo saarka

abuuray goobta bilowga ah (ma aha kuwa isticmaala xal diyaar-dhigay, kuwaas oo kuwa doonaya in ay abuuraan goobo iyaga u gaar ah) html waxbarasho, laakiin had iyo jeer ma markii ugu horeysay si ay u fahmaan oo dhan Gudigga abuuro goob aad gacmihiinna.

button html in design style menu goobta

Links - waxa kaliya oo u oggolaan kara kala guurka oo ka mid ah bogga kale, si kastaba ha ahaatee, tixraaca fudud - waa la'aanta dhamaystiran oo naqshadaha design, si aad u baahan tahay si ay u raadiyaan fursado ku saabsan sida in uu sare u link oo la siiyo eegno qurux badan.

Button waayo site a html u adeegaan laba hawlood: marka hore, waxay siiyaan fursad si ay u tagaan on page a siiyey, iyo marka labaad, waxay leeyihiin design ku habboon oo waa in wada noolaanshaha la style guud ee bogga.

Button muuqo waa link isla kaliya muuqaalka wacan iyo, haddii la doonayo, ama midabo qaab-beddelo ah click ama dul istaagin waxa ka weyn.

Sida loo sameeyo badhan ee html

Si aad u samayso badhan laba siyaabood: keligaa ama la isticmaalayo adeegyada si ay u abuuraan badhamada.

Habka koowaad kuu ogolaanayaa inaad si ay u bartaan oo fahmaan nuxurka shuqulkii oo dhan, iyo tan labaad - oo kaliya si aad u hesho natiijo, laakiin sidoo kale ku koobnayn in baaxadda.

html Button waayo site a - ma aha wax badan u adag tahay shaqada si loo ogaado inta badan waqti lumis button soo kabashada. "Nooleenta" ereyga waxaa loogu tala galay in ay clickable, iyo Hanuun La'aan iyo isbedelka waqtiga ku cidhiidhinaya, oo aad u baahan tahay in ay isticmaalaan CSS ama JavaScript dhigi.

isticmaalaya badhanka image ah

button Simple leeyahay qaab links html iyo images abuuray by galinta tag 'a' (tixraac) on the img tag (image).

Tusaale ahaan Tani waa, in fact, waa kaliya sawir, link a, laakiin waxa ay noqon kartaa nooc kasta, iyo dhammaataan taam galay design ka, laakiin button html tani ma aha "shaqo", in uu yahay kartaa in loo beddelo aragtida xaalado kala duwan.

Si badhanka ayaa fiirin caado iyo isbedeli karaan ku xiran tahay xaaladda, waa in wax laga beddelo qaabka asalka ah, iyo dar CSS.

Button goobta la CSS

CSS - waa luqad barnaamijyada kala duwan, kuwaas oo mas'uul ka yahay oo kaliya Hababka ugu baaqay Sheets fatahmaan Style.

button code html waayo website-ka wuxuu noqon doonaa:

  • < "A" h "r" e "f =" Halkan waxaa lagama maarmaan ah in la qeexo cinwaanka bogga internetka ee "class =" ">

Digniin! Marka la isticmaalayo tusaalooyin, ka saar icon ah "si aad u hesho iyo href ah.

Tusaalaha kor ku xusan - waa link fudud in lagu badali doono qaab la doonayo isticmaalaya CSS, halkaas oo fasalka ku qoran magaca fasalka ee CSS ah, in xeerka si gaar ah ayaa codsatay in ay wax in on bogga.

  • .topbutton {/ * fasalka button * /
  • width: 111px; / * - badhamada width of 111 pixels * /
  • xadka: 1px adag # 000; / * - button Meegaarka in 1 pixel, * adag oo madow /
  • background: #red; / * - priming button - * casaan /
  • text-align: hadhay, waayo, / * - in lays qoraalka on badhanka qarkii tagay * /
  • kursiga: 10px; / * - bedello ka xubno ka baxsan on bogga * /
  • color: #fff; / * - midabka qoraalka, haddii ay taasi ku cad * /
  • font-family: verdana, / * - font qoraalka (aad furi kartid iyo dooran Word) * /
  • font-size: 8px; / * - size ee qoraalka on badhanka * /
  • xadka-gacan: 3px; / * - badhamada soo aruurinta geesood * /
  • }

Fiiro gaar ah. / * Comment * / - si aad u tegi karo comments in code CSS ah.

Sida xaqiiqada ah xitaa coder ugu laylis fahamsan yahay macnaha Tusaale ahaan this, laakiin waxaa haboon isagoo sheegay in waxa uu u adeegsanayaa code yar oo kuu ogolaanaya in aad si aad u button ugu fudud, iyo isticmaalka Hababka dheeraad ah oo tags iyo xuduudaheedu waa in la codsadaa marka aad guurto ama hawl link.

button More adag ee goobta

Badhamada on goobta waxaa loo isticmaali karaa CSS ma aha oo kaliya ay u saftay, sidoo kale, wuxuu kuu ogolaanayaa inaad si ay u sameeyaan goobo html button oo tayo sare leh, sida JavaScript iyo sida loo isticmaalo luqadaha kale barnaamijyo, taas oo awood dheeraad ah oo ay ogaadaan karaa fikrado badan oo xiiso leh ee goobta.

farqiga kaliya ee u dhaxeeya luqadaha barnaamij - waa ku adag tahay ee hirgelinta, iyo haddii JavaScript - oo awood badan, siday u kala horreeyaan, iyo waxa ay qaadataa waqti dheeraad ah si ay u bartaan.

Waxa intaa dheer in hawsha ugu fudud ee dhidbidda isticmaala inay cinwaanada kale goobta, button html ayaa shaqada ka sii daran, taas oo ah in ay xogta soo diri ka foomka galay oo user galo xogta ay, sida diiwaangelinta.

html code button kiiskan ayaa foomka:

  • < "Input" nooca = "botton" magac = "magaca badhanka ee php" qiimaha = "text u muuqata on badhanka">

Digniin! Marka la isticmaalayo tusaalooyin, ka saar "si aad u hesho talooyin.

muhiimka ah ee Dhaqangelinta noocan ah waa mid aad u fudud, iyo tusaale ahaan waxay muujinaysaa button hawlgalka, oo wuxuu oofin doonaa xogta aqbasho diraya ka foomka.

  • Nooca - go'aamiso in shayga waa badhan.
  • Name - waa element in ay button gaar ah ka dhigaysa.
  • Qiimaha - bandhigayaa calaamad button ee.

Dhibaatada oo dhan ma aha sida loo sameeyo button html, iyo in ay ogaadaan nidaaminta xogta in user ah u soo diray, taas oo u baahan aqoon oo ka mid ah mid aad u adag, laakiin mid ka mid ah barnaamijyada luqadda ugu awooda badan. PHP kuu ogolaanayaa inaad si ay u sameeyaan goobahan oo, tusaale ahaan, qaar ka mid ah CMS diyaar-dhigay qoran on.

Badhamada qoran yihiin noocyada ah, iyo sidoo kale sidii caadiga ahayd, waxaa loo roggi karaa qaab la doonayo, laakiin ay shaqo muhiimad wayn oo waa xil badan.

Waxa intaa dheer in habka ay gacanta ku abuuraya badhamada, waxaa jira adeegyo kala duwan oo si toos ah abuuri kara buttons kala duwan iyo inay la qabsadaan si aad u dhadhan, laakiin habkan faa'ido weyn - isticmaalka badhamada waxay leeyihiin si ay u bartaan html.

html Daraasaddu waxay u baahan tahay in la fahmo meesha laga dhigay button site - menu ah, unit in soo saarka content, ama in footer ah (hoose ee goobta) site.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 so.atomiyme.com. Theme powered by WordPress.