Yuav ua li cas yuav ua rau ib lub rooj nyob rau hauv HTML: ib tug paub piav qhia txog ntawm

Rooj - ib qho ntawm feem tseem ceeb, tab sis nyob rau tib lub sij hawm complex cov ntsiab uas yuav tsum tau tam sim no nyob rau hauv lub web pages. Nrog lawv pab nws yog yooj yim los mus thov ib qho tseem ceeb thiab pab tau cov ntaub nyob rau hauv ib tug es cos daim ntawv. Ntawm cov hoob kawm, feem ntau cov neeg kho nyob rau hauv templates, ua hauj lwm nyob rau txawv xyaw, cia ntxig ib lub rooj mus rau hauv koj lub website los yog cais ntawv, tab sis yog dab tsi yog hais tias tus web tsim kev pab, nws cov nplooj ntawv yog tsim los ntawm kos? Ces tus novice tswv yuav tau ib qho teeb meem: yuav ua li cas yuav ua rau ib tug cov lus nyob rau hauv HTML. Cia peb kawm saib yuav ua li cas sai sai thiab yog tsim yam khoom ntawd.

xaiv editor

Ua ntej ntawm tag nrho cov, pib tsim ib lub rooj, koj yuav tsum txhais tau cov editor nyob rau hauv uas koj yuav ua hauj lwm. Ntawm cov hoob kawm, qhov uas yooj yim txoj kev uas yuav xaiv qhov kev pab cuam nyob rau hauv uas koj tsim ib tug yooj yim site code. Tab sis nws yog qhov zoo tshaj plaws los mus siv rau lub hom phiaj no qhov zoo qub notepad.

Tej zaum koj yuav nug, yog vim li cas cov nyom koj lub neej, vim hais tias yog koj ua txhua yam muaj cai nyob rau hauv lub editor, ces cov muaj peev xwm yuav pom tam sim ntawd, ib yam nkaus thiab, thiab txawm qhia rau qhov kev pab cuam tau siv.

Yog, nws yeej muaj tseeb, tab sis mus rau tsim ib lub rooj los ntawm kos, koj yuav tsis tau tsuas yog yuav tau kom huv si xyuas lub hauv paus ntsiab lus ntawm nws cov creation, tab sis kuj yuav tiv thaiv kom txhob txaj muag typos thiab tsis nyob rau hauv lub qhov pib code. Tej zaum nws tshwm sim los ntawm lub caij uas tus cursor tsiv down, thiab cov txheej txheem ntawm kev sau ntawv code nyob rau hauv kev ua yuam kev creeps nyob rau hauv, uas yog tej zaum kuj tsis yooj yim mus nrhiav tau. Tsim ib lub rooj nyob rau hauv ib phau ntawv, koj yuav tau luam cov code thiab muab tshuaj txhuam nws nyob rau hauv txoj cai qhov chaw rau koj.

Lub algorithm rau tsim lub rooj

Yuav pib, ua rau ib tug luv luv algorithm, yuav ua li cas yuav ua rau ib lub rooj nyob rau hauv HTML. Qhov no yog los xyuas kom meej tias koj to taub ib theem zuj zus txhua kauj ruam. Ces tsom xam raws nraim yuav ua li cas ua tau txhua yam ntawm cov khoom.

Peb pib nrog txoj kev npaj tej yam yuav ua.

1. Kos cov schematic rau ntawv cov lus duab.

2. Suav cov xov tooj ntawm kab thiab hlwb. Yog hais tias lub xov tooj ntawm txawv yav dhau los - xav seb txhua ryadochka nyias.

3. Txiav txim siab tus xov tooj nyob rau hauv kab-header hlwb (piv txwv li, «№» cell, "lub npe" thiab t. D.).

4. Sau cov ntsiab ciaj ciam ntawm lub rooj - cov xim, qhov siab thiab dav, cov phau ntawv kawm tuab si lug - nyob rau hauv luv luv, txhua yam uas koj zoo li haum.

Ces mus ncaj qha mus rau lub creation ntawm lub rooj:

1. Ntxig rau lub cim npe lub rooj.

2. Ntxig rau lub cim npe ntawm cov kab raws li nyob rau hauv cov nyiaj uas koj xav tau.

3. Cov kab ntxig cim npe ntawm hlwb (qub thiab ntawv loj), kuj nyob rau hauv lub hauv paus ntawm cov nyiaj uas tau sau tseg rau ntawm daim ntawv.

4. Teem lub tsis rau tag nrho lub rooj.

5. Yog hais tias koj yuav tsum tau teem tsis rau ib tug neeg lub hlwb.

6. Sau nyob rau hauv peb cov cell cov ntawv nyeem.

tsim ib lub rooj

Yog li ntawd, koj xaiv editor, tam sim no cia saib yuav ua li cas los tsim ib lub rooj nyob rau hauv HTML. Tag uas tso cai rau lub rooj () yog tso rau hauv cov nplooj ntawv code yog paired, uas yog, peb siv pib nrog rau qhov no tag thiab xaus nrog .

Inserting tus cim npe rooj, mus rau tsim kab thiab hlwb.

Tam sim no, peb nco ntsoov hais tias cov ntsiab kuj paired. Tag sij ib txoj hlua, thiab - hlwb.

Rau cov-hlwb yuav tsum tau siv paired ntsiab .

Raws li twb tau hais, thawj kauj ruam yog kos ib kab, ces lawv yuav tsum sau npe ntawm tes. Nyob rau hauv kev txiav txim kom tsis txhob tsis meej pem, nws yog advisable mus ua tej yam padding ntawm txhua thaiv nyob rau hauv ib tug kab los yog ob tug, los yog lwm tus mus muab ib tug tshiab block ntsiab los ntawm kev siv lub "Tab" qhov tseem ceeb.

Yuav ua li cas yuav nws zoo li cas? Ib yam dab tsi zoo li no:

• ;
• ;
• № p / p ;
• Lub npe ;
• ;
• ;
• 1 ;
• Ivanov ;
• ;
• .

Raws li koj tau pom, tsis muaj dab tsi nyuab txog nws. Qhov loj tshaj plaws - tsis txhob tau poob nyob rau hauv lub xov tooj ntawm kab thiab hlwb. Txwv tsis pub, lub rooj yog qaij de.

Peb yog rhuav los tsim ib lub rooj nyob rau hauv HTML, tam sim no peb yuav tsiv mus nyob rau qhov tsis muaj ob qho tag nrho cov Matrix thiab nws cov kab thiab hlwb.

rooj Options

Thaum lub code yog sau, nws yog tsim nyog them sai sai rau cov nram no cov ntsiab lus: kawm tuab si lug nyob rau hauv lub rooj qhov HTML, cov xim ntawm tus ciam teb, tom qab, ntawv nyeem, thiab thiaj li nyob.

Cov tsis yog teev nyob rau hauv lub rooj tag . Cov muaj xws li:

1. Ciam teb - cov ciam teb dav. Txhais los ntawm ib tug zauv. Yog lub neej ntawd, tej rooj ciam teb rau lwm li lawm.

2. Bordercolor - cov xim ntawm lub ciam teb. Nws muaj peev xwm raug muab rau hexadecimal xim (# 00008B), thiab nws lub npe rau angliykom (DarkBlue). Yog lub neej ntawd, nws yog ib txwm grey.

3. Bgcolor - xim tom qab. Raws li teev tseg los ntawm code los yog lub npe.

4. dlhos - dlhos phau ntawv rau lub rooj. Default - nyob rau sab laug. Muaj cov nram qab no kev xaiv rau qhov no parameter:

• sab laug - txoj cai qhwv;
• -obtekanie txoj cai mus rau sab laug;
• center - cov zis rooj nyob rau hauv nruab nrab uas tsis muaj txaus.

5. Dav thiab qhov siab - dav thiab qhov siab ntawm lub rooj. Nws yuav tsum yog nyob rau hauv pixels los yog raws li ib feem pua (tus txheeb ze mus rau lub qhov rais browser loj).

Muab tshuaj ib qho kev taw qhia, koj yuav tsum tau them rau kev mloog kom tus tsim. Tom qab specifying lub parameter mus kos npe rau "sib npaug zos", tom qab uas nyob rau hauv quotes qhia ib tug predetermined nqi.

Raws li rau cov xim ntawm cov ntawv nyeem, mam li ua tawm nws nyob rau hauv tib txoj kev raws li lub tiaj ntawv nyeem nyob rau hauv HTML hom.

Piv txwv li ntawm ib lub rooj:

• ;
• ;
• № p / p ;
• Lub npe ;
• ;
• ;
• 1 ;
• Ivanov ;
• ;
• .

tsis kab

Yog li ntawd peb twb xam tau tawm li cas yuav ua rau ib lub rooj nyob rau hauv HTML thiab muab nws cov ntsiab tsis. Tab sis li cas yog hais tias peb yuav tsum faib ib txoj hlua? Mus saib nws tsis yog raws li lub cev lub ntsiab ntawm lub rooj?

kab tsis yog sau nyob rau hauv lub tag nyob rau hauv tib txoj kev raws li cov ntaub ntawv lub rooj. Kab hauv qab no ntau yam yuav tau txhais:

1. Twb paub rau koj tus ciam teb, bordercolor thiab bgcolor.

2. dlhos - dlhos ntawv nyeem nyob rau hauv txoj kab. Nws yuav tau teem caij mus rau sab laug, qhov chaw thiab txoj cai.

3. Valign - lub tag mus raws cov ntawv nyeem mas. Nws yuav siv sij hawm li nram qab no qhov tseem ceeb:

• sab saum toj - cov ntawv nyeem yog mus raws li lub qaum ciaj ciam li;
• nruab nrab - nyob rau hauv nruab nrab;
• hauv qab - lub qab ntug.

QAUV kab clearance:

• ;
• № p / p ;
• Lub npe ;
• .

tsis hlwb

Thiab qhov kawg uas koj yuav tsum xyuam xim rau cov neeg uas xav paub yuav ua li cas yuav ua rau ib lub rooj nyob rau hauv HTML - qhov tsis muaj tug neeg lub hlwb, ob leeg li qub thiab capital. Nyob rau hauv qhov tseeb, txhua yam yog ua li cas nyob rau hauv tib txoj kev raws li rau ib lub rooj los yog kab. Lub tsuas ntxiv ob qho tseem ceeb hais:

1. Colspan - Qhov no parameter qhia txog cov xov tooj ntawm txhua rau cov uas lub cell yuav cuag.

2. Rowspan - twb qhia tus xov tooj ntawm kab nyob ntawm no ntawm tes.

Txij li thaum tus tsim yog tsis sib txawv ntawm lub hwj tshuaj kab, nws yuav tsis raug nyob rau hauv tus qauv code.

tshawb pom

Ua ib lub rooj yog tsis nyuaj li thaum tej zaum nws yuav zoo li thaum xub thawj siab ib muag. Qhov loj tshaj plaws thaum uas sau ntawv nws code - perseverance thiab xim.

Raws li rau yuav ua li cas mus tau ntxig ib lub rooj nyob rau hauv HTML, ces nws code xov tooj yog txaus rau luam thiab paste rau hauv qhov chaw ntawm koj cov nplooj ntawv, nyob rau hauv uas, nyob rau hauv koj lub tswv yim, yuav tsum tau muab tso rau.

Tsis txhob ntshai mus xyaum ua tej yam, thiab tsis ntev koj yog zoo kawg nkaus mastered rau lub txheej txheem ntawm kev tsim rooj. Hmoov zoo!