Html kaai: applikaasje, produksje

Beginners site creators (net yn harren dy't brûke ready-made oplossings, nammentlik dyjingen dy't wolle meitsje harren eigen sites) stúdzje html, mar net altyd de earste kear te begripen alle nuânses fan it meitsjen fan in side mei jo eigen hannen.

html knop yn de site menu styl design

Links - de iennichste ding dat kin tastean oergong fan de iene side ta de oare, lykwols, in ienfâldige ferwizing - it is in folsleine brek oan design patroanen, dus jo moatte sykje nei mooglikheden op hoe't ferheffe de keppeling en jou it in prachtige útstrieling.

Knop foar in side html tsjinje twa funksjes: earst, se jouwe in kâns om te gean op in beskate side, en oard, hawwe in ûntwerp dat past en is yn harmony mei it totale styl fan de side.

Knop is djip deselde keppeling mar hat in noflike uterlik en, as winske, of in foarm-feroarjende skimen fan in klik of mûs oer it.

Hoe meitsje in knop yn html

Om in knop op twa manieren: troch josels of it gebrûk fan de tsjinsten te meitsjen knoppen.

De earste metoade lit ta jo te learen en begripe de essinsje fan al it wirk, en de twade - krekt te krijen gefolch, mar ek beheind yn omfang.

Knop html foar in webside - is net sa folle dreech wurk om fêst te stellen hoefolle tiidslinend hersteltiid knop. It wurd "oplibbing" is bedoeld om it clickable, begelieding of feroarje op 'e tiid fan drukken, dy't jo nedich te brûken CSS of JavaScript.

mei help fan in byld knop

Ienfâldige knop hat de foarm fan html links and images makke troch it ynstekken tag 'a' (referinsje) op de tag img (image).

Dit foarbyld is, yn feite, is krekt in foto, in keppeling, mar it kin wêze fan in soarte, en perfect passe yn de foarmjouwing, mar dit html knop kin net "wurk", dat is te feroarjen de werjefte yn ferskillende situaasjes.

Om de knop hat in oanpaste uterlik en koe feroarje ôfhinklik fan 'e situaasje, dat moat feroarje syn oarspronklike foarm, en heakje CSS.

Knop foar in side mei CSS

CSS - it is in oare programmeartaal taal, dy't ferantwurdlik is allinne foar de stilen neamd Cascading Style Sheets.

knop html koade foar de webside sil wêze:

• < "A" h "r" e "f =" Hjir is it nedich om te spesifisearjen it adres fan de webside "class =" ">

Warskôging! As mei help fan foarbylden, wiskje it ikoan "om in en href.

De boppesteande foarbyld - is in ienfâldige link dy't sil wurde omsetten yn de winske styl mei help CSS, dêr't klasse spesifisearret de namme fan 'e klasse yn de CSS, dat de koade is tapast spesifyk oan dat item op' e side.

• .topbutton {/ * knop klasse * /
• width: 111px; / * - knoppen breedte fan 111 pixels * /
• grins: 1px solid # 000; / * - Frame knop yn 1 pixel, bêst en swarte * /
• background: #red; / * - knop priming - red * /
• text-align: left; / * - ôfstimming fan de tekst op de knop oan de lofter râne * /
• padding: 10px; / * - de offsets út de bûten eleminten op 'e side * /
• color: #fff; / * - kleur fan 'e tekst, yn dit gefal white * /
• font-family: Verdana; / * - de tekst lettertype (kinne jo iepenje en kies Word) * /
• font-size: 8px; / * - de grutte fan 'e tekst op' e knop * /
• border-radius: 3px; / * - knoppen Rounding hoeken * /
• }

Note. / * Opmerking * / -, sadat jo kinne ferlitte reaksjes yn it CSS koade.

Wiswier, sels de measte begjinnende Ute opfette de betsjutting fan dit foarbyld, mar it is de muoite wurdich sizzen dat it brûkt in lyts koade dy't makket it mooglik om de meast ienfâldige knop, en foar it brûken fan ekstra stilen fan tags en parameters wurde tapast as jo ferpleatse of link aktiviteit.

Komplekser knop foar de side

Knoppen op de site kin brûkt wurde net allinne CSS foar harren oansjen, ek, makket it mooglik om hege kwaliteit knop html sites, lykas JavaSkript en brûkt oare programmearring talen, dat is machtiger en kin realisearje nijsgjirriger ideeën foar de site.

It ienige ferskil tusken programmearring talen - is de muoite yn útfiering, en as JavaSkript - machtiger, respektivelik, en it kostet mear tiid om te studearjen.

Njonken de ienfâldige taak fan in omlaat brûkers oan oare side adressen, html knop hat mear serieus wurk, dat is te stjoeren gegevens fan 'e foarm dêr't de brûker komt harren gegevens, lykas registraasje.

html knop koade yn dit gefal hat de foarm:

• < "Ynfierbehearder" type = "botton" name = "namme fan de knop foar PHP" value = "text dat ferskynt op de knop">

Warskôging! As mei help fan foarbylden, ferwiderje "te ûntfangen ynbring.

Implement kaai fan dit soarte is hiel simpel, en it foarbyld toant de wurking knop, dat sil prestearje it stjoeren ynput gegevens út de foarm.

• Type - bepaalt dat it item is in knop.
• Namme - is it elemint dat makket it unyk knop.
• Wearde - toant de knop syn label.

De hiele probleem is net hoe't te dwaan html knop, en te realisearjen it ferwurkjen fan gegevens dat in brûker hat stjoerd, dy't fereasket kennis fan de komplekser, mar ien fan 'e machtichste programmeartaal. PHP makket it mooglik om dizze plakken en, bygelyks, guon ready-made CMS skreaun derop.

Knoppen binne skreaun foar de foarmen, likegoed as gewoanlik, kin wurde omsetten yn de winske foarm, mar harren funksje is fan grut belang en is mear ferantwurdlik.

Neist de hantlieding metoade fan it meitsjen fan knoppen, binne der ferskate tsjinsten dy't automatysk kinne meitsje ferskate knoppen en oanpasse se oan jo smaak, mar dy metoade hat wichtige neidiel - foar it brûken fan dizze knoppen moatte leare html.

It ûndersyk html moatte begripe wêr't te set site knop - it menu, de ienheid dy't útfiert ynhâld, of yn 'e foettekst (de boaiem fan de side) site.