HTML kiyi: chikumbiro, kugadzira

Beginners Nzvimbo creators (kwete vaya vanoshandisa vakagadzirira akagadzirwa zvinogadzirisa, kureva vaya vanoda kusika nzvimbo dzavo) yokudzidza HTML, asi kwete nguva dzose kekutanga kunzwisisa zvose nuances rakasikwa nzvimbo nemaoko ako.

HTML bhatani iri nzvimbo Muterere Style Design

Links - chete chinhu chinogona kubvumira achichinja kubva peji imwe neimwe, zvisinei, nyore panotaurwa - chiri kushayikwa wakakwana yokugadzirwa mapatani, saka unofanira kutsvaka mikana sei vachikwidziridza kubatana uye mupe wakanaka Kutarira.

Bhatani nekuti nzvimbo HTML kushumira Mabasa zviviri: chokutanga, dzinopa mukana kuenda peji wakapiwa, uye chepiri vane magadzirirwo kuti zvinoenderana uye zviri maererano zvinonyatsorehwa werudzii peji.

Bhatani kwagara chete kubatana chete ane inofadza chitarisiko uye, kana kutsvakwa, kana chimiro-achichinja noruvara kombiyuta kana kuyengerera pamusoro payo.

How kuti bhatani mu HTML

Kuti bhatani nenzira mbiri: woga kana kushandisa mabasa kusika mabhatani.

nzira yokutanga kunoita kuti kudzidza uye kunzwisisa musimboti ose basa, uye wechipiri - chete kuwana mugumisiro, asiwo zvakawanda kuvandudzwa.

Bhatani HTML nekuti nzvimbo - haisi zvakaoma zvikuru basa kumisa zvakadini unoparadza nguva-kupora bhatani. Shoko "kumutsidzirwa" chinorehwa kuti clickable, mazano kana kuchinja panguva kudzvanya, iyo unofanira kushandisa CSS kana JavaScript.

kushandisa chifananidzo bhatani

Simple bhatani ane chimiro HTML Links uye zvifananidzo vakasikwa kuisa Tag 'munhu' (bhuku) pamusoro chipepa IMG (mufananidzo).

Muenzaniso uyu, chokwadi, rinongova mufananidzo, kubatana, asi inogona kuva ose, uye zvakakwana wakafanira kupinda design, asi ichi HTML bhatani haagoni "basa", kureva kuti achinje maonero mumamiriro ezvinhu akasiyana.

Kuti bhatani ane tsika Kutarira uye aigona kuchinja zvichienderana nemamiriro ezvinhu, chinofanira kuchinja yepakutanga chimiro, uye wedzera CSS.

Bhatani nokuti nzvimbo ine CSS

CSS - chinhu chakasiyana mutauro zvirongwa, iri basa chete nokuda zvitaera anonzi Cascading Style Sheets.

bhatani HTML code for Website richava:

• < "A" H "r" e "f =" Pano zvinokosha kutaridzwa kero padandemutande peji yacho "kirasi =" ">

Yambiro! Kana kushandisa mienzaniso, bvisa icon "kuwana uye href.

The muenzaniso pamusoro - uri Link nyore kuti ichachinjwa kuva zvinodiwa manyorerwo uchishandisa CSS, apo kirasi kutaura zita kirasi iri CSS, kuti bumbiro rakaiswa zvakananga kuti chinhu papeji.

• .topbutton {/ * bhatani kirasi * /
• upamhi: 111px; / * - mabhatani makubhiti 111 pixels * /
• muganhu: 1px hwakasimba # 000; / * - Frame bhatani muna 1 Pixel, yakasimba uye dema + /
• nechokumashure: #red; / * - bhatani priming - red * /
• chinyorwa-swatanudza: akasiya; / * - inogara rugwaro bhatani pamusoro kuruboshwe pamupendero * /
• padding: 10px; / * - the zvitukuriso kubva kunze zvinhu papeji * /
• ruvara: #fff; / * - Ruvara acho, muchiitiko ichi chena * /
• Fonts-mhuri: Verdana; / * - rugwaro Fonts (unogona kuzarura uye kusarudza Shoko) * /
• Kukura-size: 8px; / * - kukura rugwaro bhatani * /
• muganhu-nharaunda: 3px; / * - mabhatani rounding makona * /
• }

Cherechedza. / * Comment * / - kuitira kuti unogona kusiya mashoko ari CSS remitemo.

Zvirokwazvo kunyange ruzivo coder kunzwisisa zvinorehwa muenzaniso uyu, asi zvinokosha achiti kuti anoshandisa bumbiro diki unokubvumira kunyatsoshandisa nyore bhatani, uye nekuda kushandisa mamwe maitiro Tags uye parameters kuiswa kana iwe kufamba kana kubatana basa.

More kunzwisisa bhatani nzvimbo

Mabhatani panzvimbo inogona kushandiswa kwete chete CSS Pakuonekwa kwavo, uyewo, kunoita kuti uite yepamusoro bhatani HTML site, akadai JavaScript uye vakashandisa vamwe zvirongwa mitauro, ndiro simba uye anogona kuona pfungwa dzinonakidza nzvimbo.

Musiyano chete pakati mapurogiramu mitauro - ndiro dambudziko iri Implementation, uye kana JavaScript - kupfuura simba, ukuwo, uye zvinotora nguva yakawanda yokudzidza.

Kuwedzera nyore basa redirecting vanoshandisa vamwe nzvimbo kero, HTML bhatani ane basa ihombe, ndiko kutumira umboo kubva chimiro umo inodzidzisa anopinda mashoko avo, akadai kunyoresa.

HTML bhatani bumbiro iri nyaya ane chimiro:

• < "Inzwa Zvinotaurwa" mhando = "botton" zita = "zita bhatani nokuda PHP" kukosha = "chinyorwa inooneka pamusoro bhatani">

Yambiro! Kana kushandisa mienzaniso, bvisa "kugamuchira chiyamuro.

Dzika kiyi ichi mhando yakareruka, uye muenzaniso unoratidza mukushanda bhatani, izvo achaita kutumira chiyamuro Data kubva chimiro.

• Type - anosarudza kuti chinhu ari bhatani.
• Name - ndiro chinhu kuti zvinoita rakasiyana bhatani.
• Value - anoratidza bhatani wacho chitaridzi.

The dambudziko rose haisi sei kuita HTML bhatani, uye kuziva kubudiswa date kuti rokushandisa watuma, kunoda ruzivo kupfuura zvimwe kunzwisisa, asi mumwe zvirongwa mutauro simba zvikuru. PHP kunoita iwe kuti nzvimbo idzi uye, somuenzaniso, vamwe CMS vakagadzirira akagadzirwa zvakanyorwa pamusoro payo.

Buttons zvakanyorwa nokuda nezvimiro, uyewo dzose, inogona mudzoke kunyika kutsvakwa chimiro, asi basa ravo kwakakosha uye mutoro zvikuru.

Kuwedzera kune Chinyorwa nzira rakasikwa mabhatani, pane mabasa akasiyana kuti yaibva anogona kusika mabhatani siyana uye kugadziridza kuti kufarira, asi nzira iyi inokosha chinetso - nokuti kushandiswa mabhatani izvi kudzidza HTML.

The yokudzidza HTML vanofanira kunzwisisa kupi kuti kuisa nzvimbo bhatani - zviripo, zviri chikwata kuti outputs kugutsikana, kana ari footer (pasi nzvimbo) nzvimbo.