Gadzira nzvimbo uye kuparadzaniswa kwezvinhu mu HTML neCSS
Kugadzira nzvimbo uye kuparadzaniswa kwezvikamu mu HTML zvinogona kuva zvakaoma kunzwisisa pamusoro pekutanga web designer. Ichi ndechokuti HTML ine nzvimbo inozivikanwa se "whitespace inopera." pasinei nokuti iwe unoridza 1 nzvimbo kana 100 mune yako HTML code, web browser inowira pasi iyo nzvimbo kusvika kune imwe chete nzvimbo. Izvi zvakasiyana kubva purogiramu yakadai seMicrosoft Word , iyo inobvumira vapeki vekunyora kuwedzera mikana yakawanda yekuparadzanisa mazwi nezvimwe zvikamu zvebhuku iroro.
Izvi hazviziwo kuti webhutani yekugadzirisa nzvimbo inoshanda sei.
Saka, unowedzera sei mavara machena mu HTML anoratidza pane peji yewebhu ? Nyaya ino inoongorora dzimwe nzira dzakasiyana.
Nzvimbo mu HTML neCSS
Nzira yakakosha yekuwedzera nzvimbo mu HTML yako ine Cascading Style Sheets (CSS) . CSS inofanira kushandiswa kuwedzera chero zvisikwa zvinoonekwa zvewebhu, uye sezvo nzvimbo yacho iri chikamu chekuona maitiro epeji, CSS ndiko kwaunoda kuti izvi zviitwe.
MuchiCSS, unogona kushandisa marinho kana padding zvinhu kuti uwedzere nzvimbo dzakapoteredza zvinhu. Uyezve, chirevo-indent chivako chinowedzera nzvimbo kumberi kwezvinyorwa, zvakadai sedendenting ndima.
Heano muenzaniso wekuti ungashandisa sei CSS kuti uwedzere nzvimbo pamberi pezvose zvako ndima. Wedzerai CSS inotevera kune yako yekunze kana mukati yemavara sheet:
p {
zvinyorwa-indent: 3em;
}
Nzvimbo mu HTML: Inside Your Text
Kana iwe uchida kuwedzera imwe nzvimbo kana maviri kumagwaro ako, unogona kushandisa kusina kuputsa nzvimbo.
Uyu unhu hunoita sehuwandu hwemapace space, asi haupindi mukati mutsvaga.
Heino muenzaniso wekuwedzera zvivako zvishanu mukati memutsara wemashoko:
Iyi nyanzvi ine zvikamu zvishanu zvekare mukati maro
Inoshandisa HTML:
Tsamba iyi ine & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; zvikamu zvishanu zvepamusoro mukati maro
Iwe unogona kushandisawo tema
tag kuti uwedzere mamwe mazamu akasiyana.
Uyu mutongo une mitsetse mitanhatu yemagumo pamagumo acho
Sei kuwanika muIndaneti Chimiro Chakaipa
Kunyange zvazvo izvi zvingasarudzwa zvose zviri zviviri - zvisingasviki zvikamu zvepakona zvichange zvichinyanya kuisa pane zvinyorwa zvako uye mitsetse yechipfuva ichawedzera chikamu pasi pendima inoratidzwa pamusoro - iyi haisi iyo nzira yakanakisisa yekusika nzvimbo mu webpage yako. Kuwedzera zvinhu izvi kuHTML yako kunowedzera ruzivo rwekuona kune kodeji panzvimbo yekuparadzanisa shanduko peji (HTML) kubva pane mavara anooneka (CSS). Nzira dzakanaka dzinoita kuti idzi dzinofanira kuva dzakasiyana nekuda kwezvikonzero zvakasiyana, kusanganisira kusununguka kwekuvandudza mune ramangwana uye huwandu huwandu hwefaira uye mapeji ekushanda.
Kana ukashandisa kunze kwepepa pepati kuti utungamirire maitiro ako ose uye nzvimbo, ipapo kuchinja mafaira aya ewebsite yose iri nyore kuita, sezvo iwe uchingofanira kuvandudza iyo imwe shanduro pepa.
Funga nezvemuenzaniso uri pamusoro pemutsara wacho nemashizha mashanu emagumo acho. Kana iwe uchida chikamu ichocho chepakati pazasi kweendima imwe neimwe, iwe unoda kuwedzera kuti HTML code kune yese ndima panzvimbo yako yose. Icho chiyero chakanaka chekuwedzerwa kwepamusoro kunobvisa mapeji ako.
Uyezve, kana ukasarudza mumugwagwa kuti kuisa uku kwakawandisa kana kuduku, uye iwe unoshuva kuchinja zvishoma, iwe unoda kuchinja ndima imwe neimwe muwebsite yako yose. Kwete ndinokutendai!
Panzvimbo pekuwedzera zvinhu izvi zvisiri pamutemo wako, shandisa CSS.
p {
padding-pasi: 20px;
}
Iyo imwe mutsara weCSS yaizowedzera kuisa pasi pemaji mapeji ako. Kana iwe uchida kuchinja nzvimbo iyoyo mune ramangwana, shandisa iyi mutsara (pane nzvimbo yako yose yenzvimbo) uye iwe wakanaka kuenda!
Iye zvino, kana iwe uchida kuwedzera imwe nzvimbo mune imwe chikamu chewebsite yako, uchishandisa tambo
kana imwe nzvimbo isina kuputsa isiri mugumo wenyika, asi unofungisisa.
Kushandisa izvi zvinyorwa zvepaIndaneti zvakasiyana-siyana zvinogona kunge zviri kutsetserera. Kunyange imwe kana vaviri vangave vasina kukuvadza nzvimbo yako, kana iwe uchiramba uri munzira iyoyo, iwe uchaisa matambudziko mumapeji ako. Pakupedzisira, iwe uri nani pane kutendeukira kuCSS yeAlgacac spacing, uye zvimwe zvose zvewebhu zvakatarisa zvinodiwa.