Zes qhov chaw: yuav ua li cas yuav ua rau lub keeb kwm yav dhau daim duab html

Muaj ntau novice web designers, tsuas yog mus delve rau hauv lub essence ntawm cov creation ntawm qhov chaw, feem ntau xav yuav ua li cas yuav ua li cas html duab tom qab. Thiab yog hais tias ib co ntawm lawv muaj peev xwm nrog qhov teeb meem, nws tseem yog ib tug teeb meem ntawm lub sij hawm ntawm kev ncab tag nrho dav ntawm daim duab nyob rau hauv lub monitor. Nyob rau tib lub sij hawm kuv xav pom lub site yog displayed identically rau tag nrho cov browsers, ces nws yuav tsum txaus siab yuav tsum ntoo khaub lig-browser. Koj yuav tau teem lub keeb kwm yav dhau nyob rau hauv ob txoj kev: los ntawm kev siv HTML cim npe thiab CSS yeej. Txhua rau nws tus kheej xaiv qhov zoo tshaj plaws kev xaiv. Ntawm cov hoob kawm, CSS style yog ntau npaum li cas yooj yim, vim hais tias nws code yog muab cia rau hauv ib tug nyias muaj nyias ib cov ntaub ntawv thiab tsis coj mus ntxiv hais lus nyob rau hauv lub ntsiab qhov chaw cim npe, tab sis ua ntej ntawd cia peb xav txog ib tug yooj yim txoj kev rau kev txhim kho cov duab nyob rau hauv lub keeb kwm yav dhau ntawm lub site.

Basic HTML cim npe mus tsim lub keeb kwm yav dhau

Yog li ntawd, peb mus rau rau lo lus nug ntawm yuav ua li cas yuav ua rau cov duab tom qab nyob rau hauv html ntawm qhov screen. Nyob rau hauv kev txiav txim kom zoo zoo nkauj qhov chaw, koj yuav tsum to taub ib tug es tseem ceeb nthuav dav: nws yog txaus cia li mus ua ib tug gradient tom qab los yog xim nws ib tug khoom xim, tab sis yog tias koj yuav tsum tau ntxig cov duab tom qab, nws yuav tsis stretch tag nrho dav ntawm lub monitor. Cov duab yog Ameslikas tsim nyog mus khaws los yog ua rau koj tus kheej tsim muaj no extension, nyob rau hauv uas koj yuav tso saib sab ntawm lub site. Tsuas yog thaum cov duab tom qab yog npaj txhij, cab nws mus rau ib tug nplaub tshev npe hu «Dluab». Nyob rau hauv nws, peb yuav khaws tag nrho cov siv dluab, animations thiab lwm yam duab cov ntaub ntawv. Qhov no nplaub tshev yuav tsum tau nyob rau hauv lub hauv paus directory nrog tag nrho koj html ntaub ntawv. Tam sim no koj yuav tsiv mus nyob rau hauv thiab mus rau lub code. Muaj ob peb xaiv rau kev sau ntawv code, los ntawm cov uas tus keeb kwm yav dhau yuav hloov daim duab.

1. Sau tag attribute.
2. Los ntawm CSS style nyob rau hauv lub HTML code.
3. Sau CSS yeej nyob rau hauv ib tug nyias muaj nyias ib cov ntaub ntawv.

Raws li nyob rau hauv lub HTML yuav ua rau cov duab tom qab, koj txiav txim siab, tab sis kuv xav hais tias ib tug ob peb lo lus hais txog yuav ua li cas nws yuav yog ib pom. Tus thawj txoj kev yog los ntawm kev sau ntawv los ntawm ib tug tag attribute tau ntev lawm obsolete. Qhov thib ob xaiv yog siv heev tsis tshua muaj, vim hais tias nws hloov tawm hais tias ib tug ntau ntawm cov tib code. Ib tug thib peb xaiv yog cov feem ntau ntau thiab zoo. Ntawm no yog cov piv txwv ntawm HTML cim npe:

1. Tus thawj cov ntaubntawv povthawj siv txoj kev los ntawm tag attribute (lub cev) nyob rau hauv index.htm cov ntaub ntawv. Nws yog muab cia rau hauv daim ntawv no: (lub cev tom qab = "folder_name / Nazvanie_kartinki.rasshirenie") (/ lub cev). Uas yog, yog hais tias peb muaj ib daim duab nrog lub npe «Cov duab» thiab extension JPG, thiab cov nplaub tshev peb lub npe hu ua «cov duab», ces tus HTML-code nkag teb chaws yuav zoo li no: (lub cev tom qab = "Dluab / Picture.jpg") ... (/ lub cev) .
2. Qhov thib ob hom yuav teev ib tug CSS style, tab sis nws yog sau nyob rau hauv lub tib cov ntaub ntawv uas muaj lub npe index.htm. (Lub cev style = "tom qab: url ( '../ duab / Picture.jpg')").
3. Qhov thib peb txoj kev txias ua nyob rau hauv ob cov ntaub ntawv. Cov ntaub ntawv uas muaj lub npe index.htm tag (lub taub hau) yog sau xws li ib tug kab: (lub taub hau) (txuas rel = "stylesheet" yam = "ntawv nyeem / css" href = "http: // kawm ntawv / tsab xov xwm / 193110 /% d0% 9F % D1% 83% D1% 82% D1% 8C_% d0% BA CSS_faylu ") (/ lub taub hau). Ib tug ntawv uas hu ua style.css style twb sau: lub cev {tom qab: url (Dluab / Picture.jpg ')}.

Raws li nyob rau hauv lub HTML yuav ua rau cov duab tom qab, peb to taub. Tam sim no koj yuav tsum tau xam seb yuav ncab cov duab thoob plaws lub dav ntawm lub tag nrho screen.

Txoj kev uas yuav ncav cov duab tom qab mus rau lub dav ntawm lub qhov rais

Peb sawv cev peb screen nyob rau hauv daim ntawv ntawm ib tug feem pua. Nws hloov tawm hais tias tag nrho cov dav thiab ntev ntawm qhov kev tshuaj ntsuam yuav tsum tau 100% × 100%. Peb yuav tau mus ncab ntawm daim duab mus no dav. Ntxiv rau cov duab ua ntaub ntawv thov cov ntaubntawv povthawj siv style.css kab uas yuav ncav tau cov duab thoob plaws lub dav thiab ntev ntawm lub monitor. Raws li nws yog sau nyob rau hauv CSS style? Nws yog yooj yim!

lub cev

{

tom qab: url (Dluab / Picture.jpg ')

tom qab-loj: 100%; / * Cov ncej no yog haum rau feem ntau niaj hnub browsers * /

}

Yog li ntawd peb xam tawm yuav ua li cas ua tau ib daim duab tom qab nyob rau hauv html ntawm qhov screen. Muaj kuj yog ib txoj kev teev nyob rau hauv lub index.htm cov ntaub ntawv. Tab sis qhov no txoj kev thiab outdated, tab sis rau beginners nws yog tsim nyog los paub thiab to taub. Lub lossis (lub taub hau) (style) div {tom qab-loj: cover; } (/ Style) (/ lub taub hau), qhov no cov ntaub ntawv txhais tau tias peb faib ib tug tshwj xeeb chav tsev rau cov tom qab, uas yuav tsum tau positioned tshaj rau tag nrho cov dav ntawm lub qhov rais. Peb tau pom tias ob txoj kev, yuav ua li cas yuav ua rau ib tug tom qab daim duab html site, yog li ntawd cov duab ncav us txog rau tag nrho dav ntawm qhov kev tshuaj ntsuam nyob rau hauv ib yam ntawm cov niaj hnub browsers.

Yuav ua li cas yuav ua rau ib tug tas tom qab

Yog hais tias koj txiav txim siab siv ib daim duab raws li lub keeb kwm ntawm lub neej yav tom ntej web kev pab, ces koj cia li yuav tsum tau paub yuav ua li cas yuav ua rau nws tsau, yog li ntawd nws yog tsis ncav us txog nyob rau hauv ntev thiab tsis lwj lub aesthetic tsos. Cias los ntawm kev siv HTML code mus sau npe ib tug me me ntxiv. Koj yuav tsum ua daim ntawv style.css ntxiv ib kab lus tom qab tom qab: url (Dluab / Picture.jpg ') tsau; los yog es tsis txhob ntxiv tom qab lub semicolon kab - txoj hauj lwm: tsau. Yog li, koj wallpaper yuav muab tsau. Thaum lub sij hawm scrolling cov ntsiab lus rau ntawm qhov chaw, koj yuav pom tias phau ntawv kab yog tsiv, tab sis tom qab nyob rau hauv qhov chaw. Yog li ntawd koj kawm tau li cas yuav ua li cas html tom qab duab, nyob rau hauv ob peb txoj kev.

Ua hauj lwm nrog Ntxhuav nyob rau hauv HTML

Muaj ntau inexperienced web developers, kev nyuaj siab nrog cov ntxhuav thiab blocks, feem ntau tsis to taub yuav ua li cas yuav ua rau html duab tom qab rooj. Zoo li tag nrho cov pab pawg HTML thiab CSS yeej, cov web programming lus yog haum yooj yim. Thiab cov tshuaj rau qhov teeb meem no yog los sau ib khub ntawm kab ntawm code. Koj yuav tsum twb paub tias sau ntawv ib lub rooj ntawm kab thiab txhua, ntsig txog, raws li qhia los ntawm lub cim npe (tr) thiab (td). Yuav kom ua lub keeb kwm ntawm lub rooj nyob rau hauv daim ntawv ntawm ib cov duab, nws yog tsim nyog los ntxiv rau lub tag (rooj), (tr) los yog (td) ib tug yooj yim cov kab lus nrog kev siv rau tus siv duab: tom qab = URL duab. Rau clarity, peb muab ib tug ob peb tus piv txwv.

Rooj nrog ib daim duab es tsis txhob ntawm lub keeb kwm yav dhau: HTML piv txwv

Kos ib 2x3 rooj thiab ua rau nws cov duab tom qab muab cia rau hauv daim nplaub tshev "Dluab": (rooj keeb kwm yav dhau = "Dluab / Picture.jpg") (tr) (td) 1 (/ td) (td) 2 (/ td) (td) 3) (/ td) (/ tr) (tr) (td) 4 (/ td) (td) 5 (/ td) (td) 6 (/ td) (/ tr) (/ rooj). Yog li ntawd peb cov lus yuav tsum kos nyob rau hauv lub keeb kwm yav dhau ntawm daim duab.

Tam sim no kos tib yam phaj ntau thiab tsawg pab ntawm 2x3, tab sis ntxig ib daim duab nyob rau hauv lub kab suav 1, 4, 5 thiab 6. (rooj) (tr) (td tom qab = "Dluab / Picture.jpg") 1 (/ td) (td) 2 (/ td) (td) 3 (/ td) (/ tr) (tr) (td tom qab = "Dluab / Picture.jpg") 4 (/ td) (td tom qab = "Dluab / Picture.jpg") 5 ( / td) (td tom qab = "Dluab / Picture.jpg") 6 (/ td) (/ tr) (/ rooj). Tom qab saib peb yuav pom tias lub keeb kwm yav dhau tsuas pom nyob rau hauv cov hlwb nyob rau hauv uas peb sau npe, thiab tsis tag nrho cov rooj.

Ntoo khaub lig-browser compatibility site

Muaj xws li ib tug tshaj plaws raws li ib tug ntoo khaub lig-browser compatibility web kev pab. Qhov no txhais tau tias koj qhov chaw yog Attendance zoo tso tawm nyob rau hauv ntau hom thiab versions ntawm browsers. Nws yuav tsum tau HTML code thiab CSS yeej customize ib tug tsim nyog browsers. Ntxiv mus, nyob rau hauv lub neej tshiab nimno era ntawm ntse tes, ntau lub web developers tseem tabtom tsim qhov chaw thiab siv tau rau mobile version thiab ib tug computer saib.