Novice web designers: yuav ua li cas ua ntawv nyeem txaus nyob ib ncig ntawm cov dluab

Nyob rau hauv no tsab xov xwm, peb yuav qhia rau koj txog cov yam ntxwv ntawm HTML thiab CSS, uas yog txuam nrog rau cov dluab. Koj yuav kawm tau npaum li cas mus tau ntxig lawv mus rau hauv HTML-daim ntawv. Cov tsab xov xwm kuj muaj cov lus qhia txog yuav ua li cas hloov daim duab chaw, thiab npaj ntawv nyeem txaus nyob ib ncig ntawm cov duab.

Thawj - yuav ua li cas mus tau ntxig cov duab. No muaj cov tag "IMG", uas muaj ob peb pas. Lub ntsiab ntawm lawv - "src". Nyob rau hauv nws stores qhov chaw nyob uas tus browser yuav ntxig ib daim duab. Koj yuav tau qhia txoj kev mus rau ib tug duab twb muab cia rau hauv lub computer, los yog muab ib qhov txuas mus rau ib tug web kev pab.

Tsis muaj lub tsis tseem ceeb pas ntawm ib tug khub - "dav" (dav) thiab "qhov siab" (siab). Lawv yuav siv los manually resize cov dluab (pab tau cov kev xaiv rau kev ncab thiab compressing dluab).

Raws li tsis "hspace" thiab "vspace" (deb ntawm daim duab mus ncig ntawv nyeem). Kom meej meej, "hspace" - kab rov tav padding thiab "vspace" - ntsug.

Peb tag muaj cwj pwm xws li "alt" thiab "title". Lawv yog cov uas zoo sib xws rau txhua tus lwm yam, txij thaum lawv lub hom phiaj yog kom piav cov duab. Tab sis nyob rau hauv lub "title" muab cov ntawv nyeem uas yog tso tawm thaum koj yuj lub nas dua cov duab, thiab lub literal nqi ntawm "alt" attribute yog tso tawm nyob rau hauv cov kev tshwm sim hais tias nws twb tsis tau upload ib cov duab.

Muaj ib tug ob peb yam cwj pwm uas tam sim no nyob rau hauv feem ntau ntawm cov cim npe. Qhov no "accesskey", "cov chav kawm ntawv", "id" thiab "style". "Accesskey" txhais ib ke ntawm lub lag luam, los ntawm kev uas txoj kev mus rau tus kwv. "Class" thiab "id" - tsis txuam nrog CSS. Lawv piav qhia txog cov chav kawm ntawv uas yog hauv daim duab (los yog nws ua qhia tau). "Style" - lub attribute ntawv nyeem, uas koj mus muab ib tug built-nyob rau hauv cov duab CSS-style.

Ib tug ntawm cov tsis uas txhais tau cov tsos ntawm cov duab no yog "ciam teb". Nws txiav txim rau lub thickness ntawm tus ciam teb nyob ib ncig ntawm tus kwv thiab tau muab teev rau tej zoo integer (nyob rau hauv pixels).

Cov tom ntej no attribute - "dlhos". Nws qhia txog cov ntawv nyeem txaus nyob ib ncig ntawm cov duab. Qhov kev xaiv no tau muab teev rau "hauv qab", "nruab nrab", "tshuav", "txoj cai" thiab "sab saum toj". Txhua lub qhov tseem ceeb thiab txiav txim seb qhov twg rau qhov chaw cov duab hauv cov ntawv nyeem. Piv txwv li, ib tug nqi ntawm "nruab nrab" nruab nrab duab no yog mus raws li qhov tsawg dua ciam hauv cov ntawv nyeem, thaum "tshuav" - tus kwv yuav mus rau sab laug ntawm cov ntawv nyeem. Tab sis qhov no yog tsuas yog ib txoj kev uas yuav muab cov ntawv nyeem txaus nyob ib ncig ntawm cov duab - HTML.

Muaj lwm lub cuab tam haib - CSS (ntau ntau ntau yam). Nws yuav siv ntau npaum li cas zoo teev cov tag cwj pwm, xws li ntawv nyeem txaus nyob ib ncig ntawm cov duab. CSS tso cai rau koj txhais tau cov tsis, tsis tsuas cov kev kwv, thiab tag nrho cov neeg zoo li nws. Piv txwv li, yog tias koj xav qhia kom meej rau indentation ntawm tag nrho cov dluab nyob rau hauv cov ntaub ntawv yog kaum pixels, nws yog txaus los mus txuas rau lub CSS-ntawv nws nrog ib tug tib plooj: "IMG {paj tau paj: 10px 10px 10px 10px;}" (nyob hauv kev xyaum, cov quotes yog tsis xav tau!).

Ib tug ntawv nyeem txaus nyob ib ncig ntawm cov dluab, piv txwv li, nyob rau sab laug ntug yog txhais li: "IMG {dlhos: left;}".

Los ntawm txoj kev, mus ntxiv rau CSS-code tsis tau sau nws nyob rau hauv ib cov ntaub ntawv. Rau no tag "style" yog muab nyob rau hauv HTML, uas koj yuav ntxig CSS-code. Tab sis nws yuav tsuas ua hauj lwm rau hauv cov ntaub ntawv (yog tias koj xav ntxiv lub tib code nyob rau hauv ntau yam HTML-cov ntaub ntawv, koj yuav tsum tau tsim ib daim style daim ntawv).

Tam sim no koj muaj peev xwm "dilute" dluab ntawm qhov chaw, siv lub pab thaj chaw ntawm lub tag, uas yog lub luag hauj lwm rau qhov no. Xav tias dawb rau siv cov resize los yog qhwv ntawv nyeem duab. Web cov nplooj ntawv tsis muaj graphics Cheebtsam - heev tu siab pom, tsis yog nws?