HTML manan-danja: fampiharana, ny famokarana

Beginners vohikala mpamorona (fa tsy ireo izay mampiasa vonona-nanao vahaolana, izany hoe ireo izay te-hanangana ny toerana) fianarana HTML, fa tsy foana ny fotoana voalohany mba hahatakatra ny tsipirian'ilay famoronana Ndao tananao.

HTML bokotra ao amin'ny toerana voalaza fomba famolavolana

Links - Ny zavatra tokana izay afaka mamela ny fandalovana amin'ny pejy iray hafa, na izany aza, tsotra boky - dia tanteraka tsy famolavolana fomba, ka mila mitady safidy mikasika ny fomba hanandratra ny rohy ka omeo azy ho tsara tarehy fijery.

Button ho toerana HTML miasa manompo tompo roa: voalohany, dia manome fahafahana ny handeha eo amin'ny nomena pejy, ary faharoa, manana famolavolana izay mifanaraka ary mifanaraka amin'ny fomba ankapobeny ny pejy.

Button dia tena hoe ny rohy mitovy ihany no manana fijery mahafinaritra sy, raha tianao, na miova endrika-matoatoa va ny tsindry na miaraka amin ny azy.

Ahoana no hanaovana ny bokotra amin'ny HTML

Mba manao bokotra amin'ny fomba roa: ny tenanao na mampiasa ny asa mba hamorona bokotra.

Ny fomba voalohany dia mamela anao hianatra sy hahatakatra ny votoatin'ny ny asa rehetra, ary ny faharoa - fotsiny ny hahazo vokatra, fa koa amin'ny sehatra voafetra.

Button HTML ho toerana - izay tsy misy asa sarotra ny hametraka ny fomba mandany fotoana be bokotra sitrana. Ny teny hoe "fifohazana" dia natao mba hanao izany clickable, tari-dalana na fiovana tamin'ny fotoana mifanety, izay mila mampiasa CSS na JavaScript.

fampiasana sary bokotra

Simple bokotra dia manana ny endriky ny HTML sy ny sary rohy namorona ny tenifototra nampidirinay 'a' (momba) ny tenifototra img (image).

Ity ohatra dia, raha ny marina, dia marina ny sary, rohy, nefa mety ho ny na inona na inona, ary tanteraka mendrika ho any amin'ny famolavolana, fa ity HTML bokotra tsy afaka "ny asa", izany dia ny hanova ny fomba fijery eo amin'ny samy hafa toe-javatra.

Ho an'ny bokotra manana fomba amam-panao izay miandranandrana sy afaka hanova ny toe-draharaha miankina amin'ny, dia tokony hanova ny teny tany am-boalohany, ary ampio CSS.

Button ho Ndao CSS

CSS - izany fandaharana hafa fiteny, izay tompon'andraikitra ihany ny fomba atao hoe ravahan'ny Style Sheets.

HTML bokotra kaody ho an'ny vohikala dia:

• < "A" H "R" e "F =" eto dia ilaina ny mamaritra ny adiresy ny tranonkala pejy "class =" ">

Fampitandremana! Rehefa mampiasa ohatra, hanala ny kisary "mba hahazo sy href.

Ny ohatra etsy ambony - dia tsotra rohy izay hiova fo any an-tiana fomba mampiasa CSS, izay fotoam-pianarana dia mamaritra ny anaran 'ny kilasy ao amin'ny CSS, fa ny fehezan-dalàna efa ampiharina izany zavatra manokana eo amin'ny pejy.

• .topbutton {/ * bokotra kilasy * /
• sakany: 111px; / * - bokotra sakan'ny 111 teboka * /
• fari-taniny: 1px mafy # 000; / * - Frame bokotra in 1 Pixel, mafy orina sy mainty * /
• andamosina: #red; / * - bokotra priming - mena * /
• text-hampifanaraka: niala; / * - fampifanarahana ny andinin-teny eo amin'ny bokotra eo amin'ny sisiny ankavia * /
• padding: 10px; / * - ny maivana avy any ivelany singa eo amin'ny pejy * /
• color: #fff; / * - loko ny lahatsoratra, amin'ity tranga ity fotsy * /
• font-family: Verdana; / * - ny lahatsoratra endri-tsoratra (dia afaka manokatra sy mifidy Teny) * /
• font-size: 8px; / * - ny haben'ny ny andinin-teny eo amin'ny bokotra * /
• fari-nipoaka: 3px; / * - bokotra rounding zorony * /
• }

Mariho. / * Comment * / - mba afaka miala fanehoan-kevitra ao amin'ny fehezan-dalàna CSS.

Azo antoka fa na dia ny tena fahaizana coder nahatakatra ny dikan'ny io, ohatra, nefa mendrika ny hoe: fa mampiasa kely fehezan-dalàna izay mamela anao hanao ny tena tsotra bokotra, sy ny fampiasana fanampiny randram-Tags sy ny masontsivana ho ampiharina rehefa mihetsika na rohy asa.

More sarotra bokotra ho an'ny toerana

Bokotra teo amin'ilay toerana dia azo ampiasaina tsy CSS noho ny tarehiny, koa, mamela anao ho avo-tsara ny bokotra HTML toerana, toy ny JavaScript ary nampiasa hafa fandaharana fiteny, izay mahery ka afaka mahatsapa kokoa mahaliana hevitra ho an'ny vohikala.

Ny hany maha samy hafa ny fandaharana teny - dia ny olana eo amin'ny fampiharana, ary raha JavaScript - mahery, tsirairay avy, ka mitaky fotoana bebe kokoa hianatra.

Ankoatra ny asa Redirecting tsotra mpampiasa tranonkala hafa adiresy, HTML bokotra manana asa lehibe kokoa, dia ny handefa angona avy amin'ny endriky ny mpampiasa ho any izay miditra ny tahirin-kevitra, toy ny fisoratana anarana.

HTML bokotra fehezan-dalàna amin'ity raharaha ity dia manana ny endrika:

• < "Dreninao" type = "botton" name = "anaran 'ny bokotra ho Fi" value = "text izay hita eo ny bokotra">

Fampitandremana! Rehefa mampiasa ohatra, manala "handray torohevitra.

Mampihatra manan-danja toy izany dia tena tsotra, ary ny ohatra mampiseho ny fiasan'ny bokotra, izay hanatanterahako ny naniraka torohevitra angona avy amin'ny teny.

• Type - mamaritra fa ilay zavatra dia bokotra.
• Name - no singa mahatonga azy bokotra tokana.
• Sarobidy - mampiseho ny bokotra ny marika.

Ny rehetra dia tsy olana ny fomba hanaovana HTML bokotra, ary ny hahatsapa ny fanodinana ny tahirin-kevitra izay efa naniraka ny mpampiasa, izay mitaky fahalalana ny sarotra kokoa, fa iray amin'ireo mahery indrindra fiteny fandaharana. PHP mamela anao hanao izany toerana sy, ohatra, ny sasany vonona-nanao CMS voasoratra teo amboniny.

Buttons dia nosoratana ho ny endrika, ary koa toy ny mahazatra, dia afaka hiova fo any an-tiana teny, fa ny asany dia ny tena zava-dehibe ary tompon 'andraikitra kokoa.

Ankoatra ny boky bokotra fomba famoronana, dia misy tolotra isan-karazany ho azy fa afaka mamorona bokotra samy hafa sy hanitsy azy ireo ny tsirony, fa manan-danja io dia manana tombon-dahiny fomba - ny fampiasana ny bokotra ireo tsy maintsy mianatra HTML.

Ny HTML fianarana mila mahatakatra hoe aiza no toerana hametraka ny bokotra - ny sakafo, ny vondrona izay outputs afa-po, na amin'ny Footer (ambany ny toerana) toerana.