Tus qauv tsim ntawm txhua qhov chaw yog ua raws cov duab keeb kwm yav dhau los thiab xim, zoo li lub tsev ntawm lub hauv paus. Yog tias koj muaj lub siab xav hloov lub hauv paus ntawm koj li kev siv nyiaj Internet nrog ib yam dab tsi ntau tus tib neeg, ces koj yuav tsum pib nrog txoj kev txhim kho ntawm kev tsim qauv. Thiab thaum nws tau npaj tiav, txoj haujlwm ntshiab yuav tseem nyob, uas yog, hloov qhov qub qauv ntawm qhov chaw tom qab tau teev tseg hauv cov cai ntawm cov nplooj ntawv nrog tus tshiab. Muaj ob peb txoj hauv kev los ua qhov no hauv kev coj ua.
Cov Lus Qhia
Kauj ruam 1
Ua ntej koj yuav tsum paub qhov twg ntawm txoj kev tom qab tau teev tseg hauv qhov chaw tam sim no. Txhawm rau ua qhov no, qhib cov HTML code ntawm nplooj ntawv. Koj tuaj yeem ua qhov no nrog cov kab lus yooj yooj yim los ntawm rub cov ntawv los ntawm tus neeg rau zaub mov ua ntej. Los yog koj tuaj yeem siv cov ntawv kho ntawm cov nplooj ntawv ntawm cov txheej txheem kev tswj hwm, yog tias koj siv. Cov nplooj ntawv kho kho tsis tas yuav rub tawm cov ntawv, tab sis hloov kho nws ncaj qha rau ntawm lub server siv lub browser ua qhov kev sib tshuam. Qhov HTML code (HyperText Markup Language) ntawm nplooj ntawv koj qhib muaj kab lus qhia rau lub browser. Lawv piav qhia cov hom, tsos thiab thaj chaw ntawm txhua lub ntsiab ntawm nplooj ntawv web. Cov lus qhia no feem ntau hu ua "cim npe". Qhov kev txiav txim ntawm cov cim npe lawv tus kheej hauv nplooj ntawv kuj tseem ua raws txoj cai ntawm cov lus HTML - lawv tau muab faib ua cov blocks, thawj ntawm cov yuav tsum yog cov kab taub hau uas pib nrog tus pib thiab xaus. Nws yuav tsum tau ua raws los ntawm cov block uas koj nyiam tam sim no - lub cev ntawm daim ntawv. Nws yog txwv rau cov cim npe thiab. Hauv cov cim qhib ntawm qhov block (), koj tuaj yeem tso cov ntaub ntawv ntsig txog lub keeb kwm ntawm nplooj ntawv. Cov ntaub ntawv no nyob rau hauv cov cim npe hu ua "attributes". Tus cwj pwm ntawm lub cev cim npe uas teev cov xim tom qab yog denoted li bgcolor thiab nyob rau hauv txoj cai nws yuav zoo li qhov no: Ntawm no peb muab cov xim tom qab rau nplooj ntawv rau nyiaj. Qhov browser tuaj yeem paub qee cov xim dhau los ntawm lawv cov npe, tab sis yuav kom tsis raug yuam kev, nws yog qhov zoo dua los qhia lawv cov lej hexadecimal. Qhov no version nrog nyiaj xim hauv kev qhia tawm hexadecimal yuav zoo li no: Yog li, koj yuav tsum nrhiav tus pib pib nrog <lub cev hauv nplooj ntawv cim thiab tshawb xyuas yog tias nws muaj xim keeb kwm yav dhau. Yog tias muaj, hloov xim qhia tau hauv nws nrog koj cov tshiab thiab txuag cov kev hloov pauv rau sab.
Kauj ruam 2
Cov keeb kwm yav dhau los hauv kev tsim qauv tam sim no ntawm koj lub xaib tuaj yeem teeb tsis yog xim, tab sis los ntawm daim duab. Tus cwj pwm coj ntawm lub cev cim npe hu ua keeb kwm yav dhau, thiab nws tuaj yeem zoo li qhov no hauv cov code: Ntawm no, keeb kwm yav dhau yog duab bg.jpg
Kauj ruam 3
Thaum piav qhia txog qhov pom ntawm nplooj ntawv nrog tus tsim qauv tsim, siv "cascading style sheet" - CSS (Cascading Style Sheets). Cov nplais ntawm CSS cov code tuaj yeem suav ncaj qha nyob rau nplooj ntawv code lossis muaj nyob hauv cov ntaub ntawv sab nraud nrog qhov txuas ntxiv "css". Koj yuav tsum tau saib rau cov cim qhia cov cim pib pib nrog <style hauv header ib feem ntawm nplooj ntawv (ntawm cov thiab cim npe). Yog tias nws muaj qhov txuas rau cov ntaub ntawv sab nraud, nws yuav zoo ib yam zoo li no: @import "style.css"; Ntawm no yog qhov txuas rau tus xaib npe uas muaj npe style.css. Koj yuav tsum qhib cov ntaub ntawv sau tseg kom ua tiav. Thiab yog tias tsis muaj qhov txuas, thiab tom qab qhib <style cim npe muaj cov lus qhia style, ces koj yuav tsum hloov kho ntawm no. Hauv ob qho kev xaiv, ntawm cov lus piav qhia ntawm cov cwj pwm, koj yuav tsum tau saib rau cov uas cuam tshuam nrog lub cev ntawm daim ntawv (lub cev). Qhov thaiv ntawm cov lus piav qhia tuaj yeem zoo li no: lub cev {
xim tom qab: Nyiaj;
xim: Dub;
} Ntawm no koj yuav tsum hloov tus nqi ntawm keeb kwm-xim parameter nrog tus nqi ntawm koj cov xim tshiab thiab zoo dua nyob rau hauv tib lub hexadecimal nqi. Cov duab keeb kwm yav dhau los xaiv hauv CSS cov lus qhia yuav tsum zoo li no: lub cev {
tom qab: # C0C0C0 url (img / bg.jpg) rov ua-y;
xim: Dub;
} Ntawm no lub ntsiab lus txuas rau daim duab zoo ib yam li ib qho tau tham saum toj no, thiab # C0C0C0 ua ntej qhov txuas txhais tau hais tias nplooj ntawv qhov chaw uas tsis nyob hauv cov duab keeb kwm yav dhau los yuav muaj keeb kwm nyiaj. "Repeat-y" qhia tias cov duab keeb kwm yav dhau yuav tsum muab khoo nrog Y (ntsug) txoj kab nruab nrab."Repeat-y" tuaj yeem hloov nrog "rov ua-x" (rov qab ua qauv rov qab) lossis "tsis rov ua dua" (tsis txhob ua dua li). Yog tias koj tsis qhia qhov rov ua dua txhua, ces cov duab keeb kwm yav dhau los yuav tau khi rau tom qab qhov chaw ntawm nplooj ntawv hauv txhua cov lus qhia.