SolosainaFandaharana

Novice mpamorona tranonkala: ny fomba hanaovana lahatsoratra mikoriana manodidina ny sary

Ao amin'ity lahatsoratra ity, dia hilaza aminao mikasika ny endri-javatra ny HTML sy CSS, izay mifandray amin'ny sary. Ianao dia hianatra ny fomba mba ampidiro eo an HTML-taratasy. Ny lahatsoratra ihany koa dia ahitana fampahalalana mikasika ny fomba hanova ny sary toe-javatra, ary mandamina lahatsoratra mikoriana manodidina ny sary.

Voalohany - ny fomba ampidiro eto ny sary. Ary noho izany dia misy ny tenifototra "img", izay manana toetra maro. Ny tena izy - "src". Ao anatin'izany mitahiry ny adiresy izay ny navigateur dia afaka mampiditra sary. Azonao atao ny mamaritra ny lalana amin'ny sary efa voatahiry ao amin'ny ordinatera, na manome rohy mankany amin'ny tranonkala loharanom-.

Tsy misy zava-dehibe ny tsy toetra ny roa - "width" (sakany) sy ny "height" (ny ambony). Izy ireo zatra tanana hanova haben ny sary (ilaina safidy ho an'ny mamelatra ny lanitra sy ny compressing sary).

Nanaraka masontsivana "hspace" sy "vspace" (lavitra avy amin'ny sary ny manodidina soratra). Mazava fa "hspace" - marindrano padding sy "vspace" - mijidina.

Isika tenifototra manana toetra toy ny "alt" ary "title". Izy ireo dia mitovy amin'ny samy izy, satria ny tanjona dia ny momba ny sary. Fa amin'ny "title" ny voalaza soratra izay miseho rehefa miaraka amin ny totozy eo amin'ny sary, ary ny ara-bakiteny sarobidy ny "alt" toetra dia miseho ao amin'ny hetsika fa tsy azo atao ny mampakatra sary.

Misy vitsivitsy toetra manokana izay tonga tao ny ankamaroan'ny Tags. Io "accesskey", "kilasy", "ID" sy ny "style". "Accesskey" mamaritra ny fitambaran'ny ny fanalahidy, alalan 'izany ny fidirana ho any amin'ny zavatra. "Kilasy" sy "ID" - masontsivana mifandray amin'ny CSS. Izy ireo momba ny kilasy izay an'ny sary (na ny Solon'anarana). "Style" - ny toetra lahatsoratra, mamela anao hametraka ny naorina-in sary CSS-fomba.

Ny iray amin'ireo masontsivana izay mamaritra ny fijery ny sary "sisin-tany". Izany no mamaritra ny hatevin'ny manodidina ny fari-taniny, ary ny zavatra azo natao ho tsy tsara integer (in teboka).

Ny toetra manaraka - "hampifanaraka". Izy mamaritra ny lahatsoratra mikoriana manodidina ny sary. Io safidy azo ka atao "ambany", "afovoany", "left", "right" sy ny "top". Tsirairay ny toetra mamaritra ny toerana hametraka ny sary eo amin'ny soratra. Ohatra, ny ilaina ny "afovoany" sary afovoany dia mifanaraka ho any ambanin'ny sisin-tanin'i lahatsoratra, raha "sisa" - ilay zavatra dia ho amin'ny ankavia ny soratra. Fa izao no fomba iray ihany no nametraka ny lahatsoratra mikoriana manodidina ny sary - HTML.

Misy fitaovana mahery vaika iray hafa - CSS (betsaka kokoa ny zavatra maro). Azo ampiasaina amin'ny fomba mahomby kokoa nametraka ny tenifototra toetra, anisan'izany ny lahatsoratra mikoriana manodidina ny sary. CSS dia mamela anao mamaritra ny masontsivana, tsy ny zavatra manokana, sy izay rehetra tahaka azy. Ohatra, raha te-mamaritra ny Fikinifinifin'ny rehetra sary ao anaty rakitra dia folo pixels, dia ampy ny mifandray amin'ny CSS-rakitra azy amin'ny iray stitch: "img {sisiny: 10px 10px 10px 10px;}" (ao amin'ny fomba fanao, ny fitanisàna tsy ilaina!).

A lahatsoratra mikoriana manodidina ny sary, ohatra, teo amin'ny ankavia kosa sisiny dia voafaritra ho: "img {hampifanaraka: nandao,}".

Teny an-dalana, mba hanampy ny CSS-fehezan-dalàna Tsy voatery hanoratra izany ao anaty rakitra. Ary noho izany tenifototra "style" dia omena ao amin'ny HTML, izay afaka mampiditra CSS-fehezan-dalàna. Fa dia miasa fotsiny ny antontan-taratasy (raha te-hanampy ny fehezan-dalàna mitovy eo amin'ny HTML-antontan-taratasy maro, tokony mamorona fomba samihafa taratasy).

Ankehitriny ianao dia afaka "hiova" sary ny toerana, amin'ny fampiasana ny fananana mahasoa ny tenifototra, izay no tompon'andraikitra amin'izany. Aza misalasala mampiasa ny teny entiny fanovana habe na sary. Web pejy tsy misy sary singa - tena mampalahelo fahitana, sa tsy izany?

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 mg.atomiyme.com. Theme powered by WordPress.