Html sleutel: aansoek, produksie

Beginners webwerf skeppers (nie diegene wat pasklaar oplossings, naamlik diegene wat wil om hul eie webwerwe te skep gebruik) studie html, maar nie altyd die eerste keer aan al die nuanses van die skep van 'n webwerf met jou eie hande te verstaan.

html knoppie in die site menu styl ontwerp

Links - die enigste ding wat oorgang kan toelaat van een bladsy na 'n ander, maar 'n eenvoudige verwysing - dit is 'n totale gebrek aan ontwerp patrone, sodat jy nodig het om te kyk vir opsies oor hoe om die skakel te verhef en gee dit 'n pragtige voorkoms.

Knoppie vir 'n webwerf html dien twee funksies: die eerste, hulle bied 'n geleentheid om te gaan op 'n gegewe bladsy, en tweedens, 'n ontwerp wat pas en is in harmonie met die algehele styl van die bladsy.

Knoppie is inherent dieselfde skakel het net 'n aangename voorkoms en, as jy wil, of 'n vorm te verander skakerings van 'n kliek of hang oor dit.

Hoe om 'n knoppie in html maak

Om 'n knoppie te maak op twee maniere: deur jouself of met behulp van die dienste aan knoppies skep.

Die eerste metode laat jou toe om te leer en te verstaan die essensie van al die werk, en die tweede - net om 'n resultaat te kry, maar ook beperk in omvang.

Knoppie html vir 'n webwerf - is nie soseer moeilike werk om hoeveel tydrowende herstel knoppie te vestig. Die woord "herlewing" is bedoel om dit klikbare, leiding of verandering ten tyde van die druk wat jy nodig het om CSS of JavaScript gebruik te maak.

met behulp van 'n beeld knoppie

Eenvoudige knoppie het die vorm van html links en beelde geskep deur die inbring tag 'n "(verwysing) op die etiket img (beeld).

Hierdie voorbeeld is, in werklikheid, is net 'n prentjie, 'n skakel, maar dit kan van enige aard wees, en perfek pas in die ontwerp, maar hierdie html knoppie kan nie "werk", dit wil sê om die oog in verskillende situasies te verander.

Om die knoppie het 'n persoonlike kyk en kan verander na gelang van die situasie, moet dit sy oorspronklike vorm te verander, en voeg CSS.

Knoppie vir 'n webwerf met CSS

CSS - dit is 'n ander programmeertaal, wat verantwoordelik is net vir die style genoem Cascading Style Sheets.

knoppie html-kode vir die webwerf sal wees:

• < "A" h "r" e "f =" Hier is dit nodig om die adres van die webblad spesifiseer "class =" ">

Waarskuwing! By die gebruik van voorbeelde, verwyder die ikoon "om 'n en href kry.

Die voorbeeld hierbo - is 'n eenvoudige skakel wat sal omskep word in die gewenste styl met behulp van CSS, waar klas spesifiseer die naam van die klas in die css, wat die kode is spesifiek tot daardie item op die bladsy toegepas.

• .topbutton {/ * knoppie klas * /
• breedte: 111px; / * - knoppies breedte van 111 pixels * /
• grens: 1px solid # 000; / * - raam knoppie in 1 pixel, soliede en swart * /
• agtergrond: #red; / * - knoppie priming - rooi * /
• text-align: left; / * - belyning van die teks op die knoppie op die linkerkant * /
• padding: 10px; / * - die skyf van die buite elemente op die bladsy * /
• kleur: #fff; / * - kleur van die teks, in hierdie geval wit * /
• font-family: Verdana; / * - die teks font (jy kan oopmaak en kies Woord) * /
• font-size: 8px; / * - die grootte van die teks op die knoppie * /
• grens-radius: 3px; / * - knoppies afronding hoeke * /
• }

Let daarop. / * Kommentaar * / - sodat jy kommentaar in die CSS-kode kan verlaat.

Sekerlik selfs die mees beginner kodeerder verstaan die betekenis van hierdie voorbeeld, maar dit is die moeite werd om te sê dat dit gebruik 'n klein-kode wat u toelaat om die mees eenvoudige knoppie te maak, en vir die gebruik van addisionele style van etikette en parameters wat toegepas moet word wanneer jy beweeg of skakel aktiwiteit.

Meer komplekse knoppie vir die webwerf

Knoppies op die webwerf kan gebruik word nie net CSS vir hul voorkoms, ook, kan jy 'n hoë-gehalte-knoppie html webwerwe, soos JavaScript maak en gebruik ander programmeertale, wat is sterker en kan meer interessante idees vir die webwerf te verwesenlik.

Die enigste verskil tussen programmeertale - is die moeite implementering, en indien JavaScript - meer kragtige, onderskeidelik, en dit neem meer tyd om te studeer.

In bykomend tot die eenvoudige taak van redirecting gebruikers na ander webwerf-adresse, html knoppie het meer ernstige werk, naamlik om data van die vorm waarin die gebruiker hul data, soos registrasie betree stuur.

html knoppie kode in hierdie geval het die vorm:

• < "Input" type = "onderaan" name = "naam van die knoppie vir PHP" value = "teks wat op die knoppie verskyn">

Waarskuwing! By die gebruik van voorbeelde, verwyder "om insette te ontvang.

Implementeer sleutel van hierdie soort is baie eenvoudig, en die voorbeeld toon die werking knoppie, wat die stuur van insette data sal uit te voer van die vorm.

• Tipe - bepaal dat die item is 'n knoppie.
• Naam - is die element wat dit uniek knoppie maak.
• Waarde - vertoon etiket op die knoppie se.

Die hele probleem is nie hoe om html knoppie doen, en om die verwerking van data wat 'n gebruiker gestuur, wat kennis van die meer komplekse vereis besef, maar een van die mees kragtige programmeertaal. PHP kan jy hierdie plekke maak en, byvoorbeeld, 'n paar gereed gemaak CMS geskryf.

Knoppies is geskryf vir die vorms, sowel as usual, kan omskep word in die verlangde vorm, maar hul funksie is van groot belang en is meer verantwoordelik.

In bykomend tot die handleiding metode van die maak van knope, daar is verskeie dienste wat outomaties verskillende knoppies kan skep en pas dit by jou smaak, maar hierdie metode het beduidende nadeel - vir die gebruik van hierdie knoppies moet html leer.

Die studie html moet verstaan waar site knoppie stel - die spyskaart, die eenheid wat inhoud uitgange, of in die bladsyonderskrif (die onderkant van die blad) site.