Dai ib lub web page thiab qhov loj ntawm lub koos pis nyob rau hauv lub HTML

Novice web designers yuav pab tau kom paub txog yuav ua li cas rau tsim ib tug web page cov ntawv nyeem. Lawv muaj xws li kawm tuab si lug, xim, font loj, me, thiab ntau dua.

Nyob rau formatting kab ntau cim npe. Cov feem ntau siv "p" - pawg lus. Nws muaj los tsis ua cas tsis hais tias txhais tau cov tsos ntawm cov ntawv nyeem.

Cov thawj thiab lub ntsiab parameter - qhov no "dlhos". Nws txiav txim rau lub kawm tuab si lug ntawm cov ntawv nyeem thiab yuav yog "tshuav", "txoj cai", "center" thiab "neeg ncajncees" - kawm tuab si lug nyob rau sab laug, txoj cai, chaw, thiab thoob plaws lub dav ntawm lub thaiv, ntsig txog. Nco ntsoov tias txoj hauj lwm ntawm cov ntawv nyeem yog muab tsis tau rau qhov kev tshuaj ntsuam ciam teb, thiab nyob rau hauv ib pawg lus.

Qhov no yog ua raws li los ntawm cov tsis "chav kawm ntawv" thiab "id". Lawv txiav txim uas cov chav kawm ntawv zwm rau kwv thiab nws ua qhia tau. Qhov no tej zaum kuj muaj xws li cov attribute thiab "style" - nws nug inline style blocks. Tag nrho cov khoom no muaj feem xyuam rau CSS, uas peb yuav mus ib me ntsis qis.

Nyob rau hauv lub tag "p" muaj ib tug drawback - nws tsis muab ib tug sab nraud saib ntawm lub koos pis, xws li nws cov xim los yog me me. Rau cov hom phiaj yog lwm tag - "font". Tag nrho nws cov kev xaiv yuav ua li cas txiav txim cov ntawv nyeem yuav zoo li.

Tus thawj cwj pwm ntawm cov tag - "xim". Raws li tej zaum koj yuav tau twv, muaj yog muab ib cov xim. Qhov no parameter yuav tsum noj raws li cov npe ( "dawb", "daj", "magenta"), thiab qhov tseem ceeb nyob rau hauv RGB system. Qhov no yog ua raws li nram no: ua ntej muab tso rau lub # kos npe rau, thiab ces qhia rau peb tus xov tooj nyob rau hauv hexadecimal cim los ntawm 00 mus txiav los yog los ntawm 0 mus 255 - decimal - tus nqi ntawm cov xim liab, ntsuab thiab xiav nyob rau hauv lub kawg xim. Piv txwv li, siv liab los yog sau "# ff0000", daj - "# ffff00".

Cov tom ntej no attribute - "ntsej muag". Nws nyiaj thiab lub sij lub typeface. Piv txwv li, nws yuav tsum teem rau "Times Tshiab Roman" los yog "Tahoma".

Thiab thaum kawg, rau qhov loj ntawm lub koos pis nyob rau hauv lub HTML teb "loj" parameter. Nws yuav siv sij hawm ib tug hais txog zauv nqi - font.

Piv txwv li, mus tso saib cov ntawv nyeem nyob rau hauv xiav thiab cov font "Comic Sans MS" thib kaum tsib pin, nws yog tsim nyog los txhais tau lub tag "p" nrog rau cov nram qab no tsis:

xim = "# 6666ff" ntsej muag = "Comic Sans MS" loj = "15"

Tsis tas li ntawd, muaj ntau ntau cim npe uas tso cai rau kom meej ib qho kev hom hom: "b" - Bold, "i" - italics, "u" - Underscore. Tag nrho cov ntawm lawv muaj tsis muaj tsis.

Teem cov ntawv nyeem tej cwj pwm hauv HTML - font loj headset - zoo nkauj xis nyob. Xav txog tej yam uas koj yuav tsum tau alternated nrog ib tug txawv tsim blocks ntawm cov ntawv nyeem. Ces, rau txhua txhua tus lub cim npe koj yuav tsum txhais tau tib yam cwj pwm. Ntau npaum li cas yooj yim nws yuav ua tau los siv nrog rau cov kev pab los ntawm CSS-lam Style ntawv. Piv txwv li, los tsim ib daim duab hauv chav kawm ntawv hu ua "myclass" nrog cov qauv raws li nyob rau hauv lub yav dhau los piv txwv li, koj yuav tau ntxiv tus tag "style" no kab:

#myclass {font: rgb (102,102,255) "Comic Sans MS" 15pt;}

Ntawm no "rgb (102,102,255)" teev cov xim, "Comic Sans MS" - ib tug headset thiab "15pt" - font loj. Xim kuj qhia kom meej lub npe thiab qhov font - zoo li skittles, thiab cov pixels (qhov no koj yuav tsum sau ntawv, piv txwv li, "20px").

Yuav kom siv tau qhov no rau npe yog tsim nyog los "p" lossis sau:

class = "myclass"

Nyob rau hauv tib txoj kev, koj muaj peev xwm kos lwm yam ntawv nyeem. Nws yog txaus rau koj muab cov parameter "chav kawm ntawv" los ntawm cov chav kawm ntawv ntawm cov nqi uas koj xav siv.

Thiab los ua ib tug ID nrog lub npe "myid", yuav tsum "style" cov ntaub ntawv:

#myid {font: rgb (102,102,255) "Comic Sans MS" 15pt;},

thiab cov tag "p" muab lub "id" attribute uas muaj nqis txog "myid".

Chav kawm ntawv thiab ID - nws yog suab tib yam. Nyob rau hauv cov ntaub ntawv no yog ib tug lossis tej zaum yuav tshaj tawm hais tias raws li cov thawj thiab thib ob:

class = "myclass" id = "myid"

Muaj ob txoj kev uas yuav hloov qhov zoo ntawm text - HTML thiab CSS. Yog hais tias koj xav tau rau qhov teeb meem ib tug los yog ob tug blocks, siv HTML. Ib tug loj tus naj npawb ntawm paragraphs nrog tib yam formatting CSS swm.

Raws li koj tau pom, hloov lub font loj nyob rau hauv lub HTML yog ib tug snap. Lub ntsiab programming - ib tug xyaum, yog li sim kom ib ce muaj zog ntxiv, thiab nej yuav ua tau!