Inkinobho ye-Html: uhlelo lokusebenza, ukukhiqizwa

Abadali be-Novice (hhayi labo abasebenzisa izixazululo ezenziwe ngomumo, okungukuthi labo abafuna ukwakha amawebhusayithi ngokwabo) bafunde i-html, kodwa njalo akunakwenzeka ukuqonda wonke ama-nuances ekwakheni isayithi ngezandla zakho kusukela kokuqala.

Inkinobho html kwimenyu yesayithi ngesitayela semklamo

Izixhumanisi - yilokho kuphela okungahamba ukusuka kwelinye ikhasi kuya kwelinye, kodwa izixhumanisi ezilula - lokhu kungabikho okuphelele kwe-model design, ngakho-ke kudingeka ufune izinketho zokuthi ulungise kanjani isixhumanisi futhi unikeze ukubukeka okuhle.

Izinkinobho ze-site ye- html zenza imisebenzi emibili: okokuqala, zikuvumela ukuba uye ekhasini elichaziwe, futhi okwesibili, zinomklamo ohambisana nokuvumelanisa nesitayela jikelele sekhasi.

Inkinobho ibhekene nendawo efanayo, kubheka kuphela ukubukeka okuhle futhi, uma kudingeka, ukushintsha shades noma ukuma lapho uchofoza noma uhamba phezu kwayo.

Indlela yokwenza inkinobho ku-html

Ungenza inkinobho ngezindlela ezimbili: ngokwakho noma usebenzisa amasevisi ukwakha izinkinobho.

Indlela yokuqala ikuvumela ukuba ufunde futhi uqonde okusemqoka komsebenzi wonke, futhi okwesibili - ukuze uthole umphumela, ngaphezu kwalokho, unciphise amathuba.

Izinkinobho ze-html zesayithi - akuyona umsebenzi onzima ukudala, kungaki izithombe ezilukhuni zomsebenzi we-inkinobho. Igama elithi "ukuvuselelwa" lenzelwe ukuthi liphendule ngokuchofoza, ukuhambisa noma ukushintsha ngesikhathi sokucindezela, okudingeka usebenzise i-CSS noma i-JavaScript.

Inkinobho usebenzisa isithombe

Inkinobho elula ye-html ibonakala njenge-link-link futhi idalwe ngokufaka ithegi elithi 'a' (ireferensi) kumaki we-img (umfanekiso).

Lesi sibonelo, eqinisweni, si-picture-link elula, kodwa singaba neluphi uhlobo futhi silingane ngokuphelele nomklamo, kodwa le nkinobho ye-html ayikwazi "ukusebenza", okungukuthi, ukushintsha ukubukeka ezimweni ezahlukene.

Ukuze inkinobho ibe nokubukeka okungavamile futhi ingashintsha kuye ngokuthi isimo, kufanele ushintshe ukubukeka kwayo kwasekuqaleni bese wengeza i-CSS.

Izinkinobho zesayithi usebenzisa i-CSS

I-CSS yinye ulimi lokuhlela oluyizimpendulo zezitayela kuphela futhi kuthiwa yi-cascading style sheet.

Ikhodi ye-inkinobho yesayithi ye-html izobukeka:

• <"I" h "r" e "f" f = "Kufanele ucacise ikheli lekhasi ku-inthanethi" isigaba = "">

Ukunakwa ! Uma usebenzisa izibonelo, susa isithonjana "ukuthola i-href.

Isibonelo esingenhla yisixhumanisi esilula esizoguqulwa kwisitayela esifisa kusetshenziswa i-CSS, lapho iklasi lichaza igama leklasi ku-css ukuze ikhodi isetshenziswe kuleso sici ekhasini.

• .topbutton {/ * class of the inkinobho * /
• Ububanzi: 111px; / * - ububanzi benkinobho ngu-111 amaphikseli * /
• Umngcele: 1px oqinile # 000; / * - umngcele wenkinobho i-pixel engu-1, eqinile futhi emnyama * /
• Ingemuva: #gulelwe; / * - gcwalisa inkinobho - obomvu * /
• Umbhalo-uhambisane: kwesokunxele; / * - uvumelanisa umbhalo kunkinobho ngakwesokunxele * /
• I-Padding: 10px; / * - izindleko ezivela ezingxenyeni zangaphandle ekhasini *
• Umbala: #fff; / * - umbala wombhalo, kulokhu umhlophe * /
• Umndeni wefonti: verdana; / * - umbhalo wefonti (ingavulwa futhi ikhethwe ku-Word) * /
• Ubukhulu befonti: 8px; / * - ubukhulu bombhalo on inkinobho * /
• I-border-radius: 3px; / * - ukuzungeza izingxenyana zenkinobho * /
• }}

Qaphela : / * Amazwana * / - ukuze ushiye ukuphawula kukhodi ye-CSS.

Ngokuqinisekile ngisho ne-encoder yokuqala kunazo zonke iyayiqonda incazelo yalesi sibonelo, kodwa kufanele kuthiwa lapha isetshenziswa ikhodi encane evumela ukuthi wenze inkinobho elula kunazo zonke, futhi ukusebenzisa izitayela uma uhambela noma uxhumanisa umsebenzi, kufanele usebenzise amathegi angeziwe namapharamitha.

Inkinobho eyinkimbinkimbi kakhulu yesayithi

Izinkinobho kusayithi azikwazi ukusebenzisa i-CSS kuphela ekubukeni kwayo, kodwa nezinye izilimi zokuhlela ezikuvumela ukuba wenze izinkinobho eziphezulu ze-html, isibonelo, i-JavaScript, enamandla kakhulu futhi ingayisebenzisa imiqondo ejabulisayo yesayithi.

Umehluko kuphela phakathi kwezilimi zokuhlela yinkimbinkimbi ekusebenzeni, futhi uma i-JavaScript inamandla kakhulu, ngokulandelana, futhi isifundo sayo sithatha isikhathi esiningi.

Ngaphandle komsebenzi olula wokuqondisa abasebenzisi kwamanye amakheli ewebhusayithi, inkinobho ye-html nayo yenza umsebenzi obaluleke kakhulu, okuhlanganisa ukuthumela idatha efomini lapho umsebenzisi angena khona idatha yakhe, isibonelo, ukubhaliswa.

Ikhodi ye-html inkinobho kulokhu:

• Igama elithi "Input" uhlobo = "botton" igama = "" igama le-php "value =" umbhalo ovela kunkinobho ">

Ukunakwa ! Uma usebenzisa izibonelo, susa "ukuze uthole okokufaka.

Ukusebenzisa inkinobho yalolu hlobo kulula, futhi isibonelo sibonisa inkinobho yokusebenza ezothumela idatha yokufaka ifomu.

• Thayipha - icacisa ukuthi lesi sici siyinkinobho.
• Igama - yiyona nto eyenza inkinobho iyingqayizivele.
• Inani - libonisa ukubhaliswa kwenkinobho.

Inkinga yonke akumele yenze i-html inkinobho, kodwa ukufeza ukucubungula kwedatha umsebenzisi athumele, okudinga ulwazi oluyinkimbinkimbi kakhulu, kodwa olunye ulimi olunamandla kunabo bonke, ulimi lwezinhlelo. I-PHP ikuvumela ukwenza amasayithi wangempela futhi, ngokwesibonelo, ezinye ze-CMS ezenziwe ngomumo zilotshiwe kuwo.

Izinkinobho ezibhaliwe ezifomu, kanye nezijwayelekile, zingaguqulelwa kwifomu edingekayo, kodwa injongo yazo ibaluleke kakhulu futhi ithwala umthwalo wemfanelo.

Ngaphandle kwendlela yokudala yokudala inkinobho, kunezinsiza ezihlukahlukene ezakha ngokuzenzakalelayo izinkinobho ezihlukene futhi zizenze ngendlela efanele ukuba zivumelane nambitha yakho, kodwa le ndlela ine-drawback ephawulekayo - ukusebenzisa lezi izinkinobho kuzodingeka ufunde i-html.

Ukufunda i-html kuyadingeka ukuze uqonde ukuthi inkinobho yesayithi efakwe kuphi - kwimenyu, ibhlokithi ebonisa okuqukethwe, noma ezinyaweni (phansi kwesayithi) lesayithi.