Tsim chaw thiab kev sib cais ntawm cov ntsiab lus hauv HTML nrog CSS
Tsim cov chaw thiab kev sib cais ntawm cov ntsiab lus hauv HTML yuav tsis yooj yim to taub rau qhov pib qhov web designer. Qhov no yog vim HTML muaj cov khoom hu ua "whitespace collapse." seb koj ntaus ntawv 1 chaw los yog 100 hauv koj cov HTML code, web browser yuav tsoo cov chaw nrawm rau ib qho chaw xwb. Qhov no txawv ntawm ib qho kev pab cuam xws li Microsoft Word , uas tso cai rau cov neeg tsim tawm los ntxiv ntau qhov chaw cais cov lus thiab lwm yam ntawm cov ntawv ntawd.
Qhov no tsis yog li cas lub website tsim spacing ua haujlwm.
Yog li, ua li cas koj ntxiv whitespaces hauv HTML uas tshwm hauv cov nplooj ntawv web ? Tsab xov xwm no xyuas txog qee qhov sib txawv.
Chaw nyob hauv HTML nrog CSS
Txoj kev nyiam dua ntxiv qhov chaw hauv koj cov HTML yog nrog Cascading Style Sheets (CSS) . CSS yuav tsum raug siv los ntxiv txhua qhov kev sib txuas ntawm lub vev xaib, thiab txij thaum lub zais kab yog ib feem ntawm cov qauv tsim tsim cov nplooj ntawv, CSS yog qhov uas koj xav tau qhov no.
Hauv CSS, koj tuaj yeem siv cov npoo lossis cov khoom padding ntxiv rau thaj tsam ntawm cov ntsiab lus. Tsis tas li ntawd, cov khoom vaj khoom tsev ntxiv hauv qhov chaw ntxiv rau hauv ntej ntawm cov ntawv nyeem, xws li cov ntsiab lus ntawm cov nqe lus.
Ntawm no yog ib qho piv txwv ntawm kev siv CSS ntxiv qhov chaw nyob rau hauv tag nrho ntawm tag nrho koj cov lus. Ntxiv cov CSS nram qab no rau koj daim ntawv sab nraud lossis sab hauv :
p {
text-indent: 3em;
}
Tej qhov hauv HTML: Hauv Koj Cov Ntawv
Yog tias koj xav ntxiv ib qho chaw ntxiv los yog ob qho rau koj cov ntawv nyeem, koj tuaj yeem siv qhov chaw tsis muaj kev tawg.
Qhov no ua cim zoo li ib tus qauv qhov chaw cim, tsuas yog nws tsis collapse hauv qhov browser.
Ntawm no yog ib qho piv txwv ntawm yuav ua li cas ntxiv tsib lub nras hauv ib kab ntawm cov ntawv nyeem:
Tsab ntawv no muaj tsib seem nrauj hauv nws
Siv cov HTML:
Cov ntawv nyeem no muaj & nbsp; & nbsp; & nbsp; & nbsp; tsib qho chaw ntxiv hauv nws
Koj kuj tuaj yeem siv tau rau tus lossis loj ntxiv ntxiv cov hnub so.
Cov kab lus no muaj tsib kab so thaum xaus rau nws
Vim li cas Txo ntawm HTML yog qhov Zoo Phem
Thaum uas cov kev xaiv no ua haujlwm - qhov tsis yog lub caij tawg tsis muaj tseeb yuav ntxiv rau koj cov ntawv nyeem thiab lub caij so yuav ntxiv qhov hauv qab ntawm pawg lus uas tau hais los saum no - qhov no tsis yog qhov zoo tshaj plaws los tsim kev sib hloov hauv koj qhov webpage. Ntxiv cov ntsiab rau koj cov HTML ntxiv cov ntaub ntawv siv rau cov cai siv qhov sib cais ntawm cov nplooj ntawv (HTML) los ntawm cov yeeb yam pom (CSS). Cov kev cai zoo tshaj plaws yog hais tias cov no yuav tsum cais rau ntau lub hauv paus, xws li yooj yim ntawm kev muab kho dua rau yav tom ntej thiab tag nrho cov ntaub ntawv loj thiab cov nplooj ntawv.
Yog hais tias koj siv ib daim ntawv qhia sab nraud ntxiv rau koj hais txog koj tus cwj pwm thiab kev sib hloov, ces hloov cov yeeb yaj kiab rau tag nrho lub tsev kawm ntawv yog yooj yim ua, vim tias koj tsuas tau hloov cov ntawv tshiab.
Xav txog qhov piv txwv saum toj kawg nkaus ntawm kab lus nrog tsib cim npe tom kawg ntawm nws. Yog tias koj xav tias tus nqi ntawm kev sib kis nyob hauv qab ntawm txhua nqe, koj yuav tsum ntxiv qhov HTML code rau txhua pawg lus hauv koj qhov chaw. Qhov no yog qhov ncaj ncees ntawm cov cim ntxiv uas yuav plam koj cov nplooj ntawv.
Ntxiv thiab, yog tias koj txiav txim siab txog txoj kev uas qhov kev sib txawv no ntau dhau los lossis tsawg, thiab koj xav hloov nws me ntsis, koj yuav tau kho txhua txhua pawg lus hauv koj lub website. Tsis ua tsaug!
Tsis txhob muab cov ntsiab ntawm cov ntsiab lus no rau koj cov cai, siv CSS.
p {
padding-hauv qab: 20px;
}
Tias ib kab ntawm CSS yuav ntxiv spacing hauv koj nplooj ntawv cov lus. Yog tias koj xav hloov qhov kev sib txawv yav tom ntej, hloov kho cov kab no (siv koj qhov chaw kom tag nrho) thiab koj zoo mus!
Yog tias koj xav tau ib qho chaw hauv ib qhov chaw hauv koj lub vev xaib, siv ib daim ntawv ua si los sis ib qho chaw tsis muaj kev sib tawg tsis yog qhov kawg ntawm lub ntiaj teb, tab sis koj yuav tsum tau ceev faj.
Siv cov kev hloov HTML ntawm no HTML yuav tsum yog txoj kab nqes nplua. Thaum ib lossis ob leeg yuav tsis ua mob rau koj lub vev xaib, yog tias koj mus txuas ntxiv rau txoj kev ntawd, koj yuav qhia teeb meem rau hauv koj cov nplooj ntawv. Thaum kawg, koj zoo dua tawm tig rau CSS rau HTML yov, thiab tag nrho lwm qhov webpage visual visuals.