Novice ho web bayemi: mokhoa oa ho etsa hore phallo ea mongolo pota litšoantšo

Sehloohong sena, re tla u bolella mabapi le litšobotsi tsa HTML le CSS, tse amanang le litšoantšo. O tla ithuta mokhoa oa ho kenya a ba kenya HTML-tokomane. Sehlooho seo se boetse e na le tlhahisoleseding e mabapi le joang ho fetola di-setting ea setšoantšong, le ho hlophisa phallo ea mongolo pota setšoantšo.

Pele - joang ho kenyelletsong setšoantšo. Etsoe sena ho na le tag ya "foto img", eo e na le litšobotsi tse 'maloa. Tse khōlō tsa bona - "src". Ka ho boloka aterese ea ho tloha eo ho browser ya ka kenya litšoantšo. U ka bolela ka ho toba tseleng ho setšoantšo se bolokoa k'homphieutha, kapa fa le kgokahanyo ya mohlodi web.

Ha le litšobotsi tlase ea bohlokoa ea para ya - "bophara" (bophara) le "bophahamo" (bophahamo). Ba li sebelisetsoa ho ka letsoho godisaseswa litšoantšo (thuso ya kgetho bakeng sa ikotlolla le compressing litšoantšo).

Lateloa entsprechen "hspace" le "vspace" (hole ho tswa ho setšoantšo litemana tse potolohileng). Ho hlakile hore "hspace" - rapameng padding le "vspace" - paatsepama.

Re kenya tag na litšobotsi tse kang "Alt" le "tlotla". Ba tšoana le mong ho e mong, kaha morero oa tsona ke ho hlalosa setšoantšo. Empa ka "tlotla" balletsweng sengolwa hore o bonahala ha u se okaokele mouse holim'a setšoantšo, le boleng ea sebele ea "Alt" tšobotsi e bonahatsa ketsahalo eo jarisa setšoantšo hlōlehileng ho phethahala.

Ho na le tse seng kae litšobotsi itseng tse le teng ka ba bangata ba tagged. Sena "accesskey", "sehlopha sa", "ID" le "mokhoa oa ho ngola". "Accesskey" e hlalosa motsoako oa linotlolo, leo ka lona ho fihlela Sepheo sa. "Class" le "ID" - entsprechen amanang le CSS. Ba hlalosa sehlopha sa ho eo e leng oa setšoantšong (kapa moswananosi lona). "Style" - le tšobotsi ea mongolo, e le hore o ho beha ka a haha-ka setšoantšo CSS mokhoa.

E mong oa entsprechen eo hlalosa ponahalo ea setšoantšo ke "leliboho". Ho ea etsang qeto ho tsona ka botenya ba le moeli ho pota Sepheo le ka beha ho palotlalo efe kapa efe o positive (ka dipikselse).

The tšobotsi latelang - "go tsepanya ka nngeleng". O hlalosa hore ba phallo ea mongolo pota setšoantšo. khetho ena ka ho beha ho "tlase", "bohareng", "setseng", "e nepahetseng" 'me "ka holimo". E mong le e tsa melao ea boitšoaro e etsang qeto ea hore moo ho beha setšoantšo se temana eo. Ka mohlala, boleng ba "bohareng" bohareng ba setšoantšo se tsamaiso di nyalantswe ho ea moeling ka tlaase ea temana eo, ha a ntse a "setse" - ntho tla fumaneha ka lehlakoreng le letšehali la temana eo. Empa ena ke tsela e 'ngoe feela ho beha ba phallo ea mongolo pota setšoantšo - HTML.

Ho na le sesebelisoa se seng e matla - CSS (tse ling tse ngata tenyetseha). E ka sebediswa e ngata ka tsela e atlehang ho feta beha tag ya litšobotsi, ho akarelletsa le phallo ea mongolo pota setšoantšo. CSS lumella u ho hlalosa entsprechen, eseng feela ntho e itseng, 'me bohle ba kang eena. Ka mohlala, haeba u batla ho hlalosa intente ea litšoantšo tsohle tokomane ke dipikselse leshome, ho ke ke ho lekaneng ho e hokela ho ho CSS-faele ka a kopanya le le leng: "foto img {thōko: 10px 10px 10px 10px;}" (ka liketso, a bacha ba qotsitsoeng ha ho hlokahala!).

A phallo ea mongolo pota litšoantšo, ho etsa mohlala, ka bohale setseng e hlalosoa e le: "foto img {go tsepanya ka nngeleng: setse;}".

Haufi le tsela, ho eketsa ho CSS-khoutu ha sea lokela ho ngola ka faele ya. Bakeng sa ho kenya tag ena "setaele" ho fanoa ka HTML, eo u ka kenya CSS-khoutu ya. Empa e tla feela sebetsa bakeng sa tokomane e (haeba u batla ho eketsa ka khoutu e tšoanang ka a difaele tsa ho HTML-multiple, o lokela ho bopa e ka thoko setaele lakane).

Hona joale u ka "hlapolla" litšoantšo tsa site, sebedisa thepa molemo oa ho kenya tag, e leng boikarabelo ba ho sena. Ikutloe u lokolohile ho sebelisa godisaseswa kapa thatela litšoantšo ea mongolo. maqephe a web ntle Grafiken dikarolo - hloname haholo mahlong, e ha ho joalo?