Kana uchangotanga kuvaka mapepa ewebhu neHTML, iwe uchatanga kushanda ne sizing. Kuti uite nzvimbo yako yekutarisa nenzira yaunoda kuti ione, zvichida kufanana nekugadzira iwe kana mumwe muumbi wakagadzira, iwe unoda kuchinja hukuru hwemashoko panzvimbo iyoyo, pamwe nezvimwe zvinhu zviri papeji. Kuti uite izvi unogona kutanga kutarisa HTML "size" tag, asi iwe uchakurumidza kuona kuti hauna.
Iti HTML yetikiti yakakura haipo mu HTML. Pane kudaro, kuitira kuti ugadzire ukuru hwemafonti ako, mifananidzo kana sarudzo unofanira kushandisa Cascading Style Sheets. Ichokwadi, chero kuchinja kunoonekwa iwe unofanirwa kuita kune imwe nzvimbo yepaiti kana chimwe chinhu chinofanira kugadziriswa neCSS! HTML ndeyekugadzirisa chete.
Teti yakapedzisira kune tag HTML yeshizha ndiyo yekare yetipa tag, iyo yakanyatsosanganisira maitiro ekukura. Chenjererwa kuti tagiti iyi yave yakaderedzwa mumagadziro ezvino e HTML uye inenge isingatsigirwi navashandisi munguva yemberi! Iwe hausi kuda kushandisa tati yetipeti mu HTML yako! Panzvimbo pezvo, unofanira kudzidza CSS kuti uwedzere mararamiro e-HTML uye maitiro ako webpage maererano.
Font Size
Fonti zviri pachena kuti chinhu chiri nyore kukura neCSS. Moreso pane kungoverenga zvinyorwa izvi, neCSS unogona kunyanya kutaura nezvewebsite yako typography . Iwe unogona kutsanangura hukuru hwemafaira, ruvara, kukanda, kurema, kutungamirira, nezvimwe. Necheti yepati, unogona kungotsanangura uwandu, uye ipapo sekuti nhamba yakabatana neshandisi yekushandura usayizi hwemafaira iyo yakasiyana kune wese mutengi.
Kuti uise ndima yako kuva nehukuru hwemafonti ye 12pt, shandisa nzvimbo yepepa-style style:
h3 {font-size = 24px; }Iyi nzira yaizoita hukuru hwemafaira ehutatu3 zvikamu 24 pixels. Iwe unogona kuwedzera izvi kune imwe kunze pepeti uye nzvimbo yako yese yeH3s inogona kushandisa chirevo ichi.
Kana iwe uchida kuwedzera mamwe maitiro ekunyora mavara kune zvinyorwa zvako, unogona kuwedzera pane iri mutemo weCSS:
h3 {font-size: 24px; muvara: # 000; font-weight: zvakajairika; }Izvi hazvingogumiri kuti hutta hwemavara eH3s, hunogonawo kuisa ruvara kune ruvara rwemusi (izvo ndizvo zvinonzi hex code ye # 000 zvinoreva) uye zvinogona kuisa uremu hwe "zvinowanikwa". Nenguva isipi, vashanduri vanopa misoro ye1 1-6 semashoko akawandisa, saka chimiro ichi chinodarika izvo zvisingatauri uye zvakanyanya "un-bold" zvinyorwa.
Image Sizes
Mifananidzo inogona kunge yakanyengedza kutsanangura mashizha nokuti unogona chaizvo kushandisa shanduro kuti ichinje chifananidzo. Zvechokwadi, kuchinja mifananidzo nechokushandura chinhu chakaipa nokuti chinokonzera mapeji kutakura zvishoma nezvishoma uye browsers kazhinji vanoita basa risina kunaka rekuchinja, zvichiita kuti mifananidzo ive yakaipa. Pane kudaro, iwe unofanirwa kushandisa girafu software kuti uchinje zvidhori uye nyora mabhesi avo chaiwo muWebhu peji re HTML.
Kusiyana mavara, mifananidzo inogona kushandisa HTML kana CSS kuti ichitsanangure uswa. Iwe unotsanangura upamhi hwechifananidzo uye kukwirira. Paunoshandisa HTML, unogona kungotsanangura usayizi hwemufananidzo muma pixels. Kana ukashandisa CSS, unogona kushandisa zvimwe zviyero zvinosanganisira masentimita, masentimita, uye zvikamu. Iyi kukosha kwekupedzisira, zvikamu, inobatsira zvikuru apo mifananidzo yako inofanirwa kuve yakasviba, sezvinoitika kune webhusaiti yekubvuma.
Kuti ujekese usayizi hwemufananidzo wako uchishandura HTML, shandisa kureba uye huwandu hunhu hwemuti we img. Somuenzaniso, chifananidzo ichi chaiva 400x400 mapikiseti square:
kureba = "400" width = "400" alt = "mifananidzo" />Kuti ujekese usayizi hwemufananidzo wako uchishandisa CSS, shandisa nzvimbo yakakwirira uye yakawandisa mafaira. Heino mufananidzo iwoyo, uchishandisa CSS kuti ureve uswa:
chimiro = "urefu: 400px; width: 400px;" alt = "chimiro" />Simiro Yakasara
Chimiro chakanyanya kufanana iwe chaunotsanangura muchigadziro chikamu, uye chinhu chekutanga chaunoda kusarudza ndechokuti ushandise nzvimbo yakatarwa yakafara kana webhusaiti yekubvuma. Mune mamwe mazwi, uri kuenda kunotsanangura upamhi senhamba chaiyo yepikseli, masendimita, kana pfungwa? Kana iwe uri kuenda kugadziriro yako yehupamhi kuti uchinje kushandiswa uchishandisa ems kana mapeji? Kuti ufanise hukuru hwekugadzirisa kwako, unoshandisa upamhi uye kukwirira kweCSS zvinhu sezvaunoda mufananidzo.
Fixed width:
style = "width: 600px;">Liquid width:
style = "width: 80%;">Paunenge uchisarudza pamusoro pehupamhi hwekugadzirisa kwako, unofanirwa kuchengeta mupfungwa dzakasiyana-siyana dzevashandisi vako vangave vachishandisa uye zviyero zvakasiyana zvavanenge vachishandisa. Ichi ndicho chikonzero mawebsite akashandurwa, anokwanisa kuchinja maitiro avo uye kuisa kubva pane zvakasiyana-siyana uye masikirwo emasikirwo, ndiyo yakanakisisa muitiro uno nhasi.