Nrhiav feem ntau tawm ntawm cov nta HTML los ntawm txoj kev kawm cov lus
HTML cov lus qhia rau koj ntau tswj ntau dua HTML ntxhuav. Muaj ntau ntau cov cwj pwm uas muaj rau cov ntxhuav kom lawv nthuav dav thiab hloov qhov koj qhov nplooj.
HTML COV LUS Element Cov Cim
Hauv HTML5 lub caij siv lub ntiaj teb cov cwj pwm thiab ib qho attribute:. Thiab nws tau hloov mus rau tsuas muaj tus nqi ntawm 1 los yog khoob (ie ciam teb = ""). Yog tias koj xav hloov qhov dav ntawm tus ciam teb, koj yuav tsum siv ciam teb-dav CSS ntiag tug.
Saib hauv qab no kom paub txog cov ntsiab lus HTML5 uas siv tau.
Nws kuj muaj ntau yam cwj pwm uas yog ib feem ntawm qhov HTML 4.01 specification uas tau dhau los lawm hauv HTML5:
- -Siv tus CSS padding vaj tse rau saum rooj TD thiab TH ntsiab lus.
- -Siv cov CSS ciam teb-khawm ntawm lub rooj.
- -Siv CSS hom xim-xim: dub; thiab ciam teb-style ntawm lub rooj.
- -Siv CSS hom xim-xim: dub; thiab ciam teb-style ntawm cov ntsiab lus tsim nyog ntawm lub rooj.
- -Ua ntej, koj yuav tsum qhia txog cov qauv ntawm lub rooj hauv daim CAPTION los yog muab tag nrho cov lus hauv ib daim duab thiab piav qhia nws hauv FIGCAPTION. Xwb, koj tuaj yeem simplig ua qauv ntawm lub rooj kom tsis muaj kev piav qhia ntxiv.
- -Siv cov CSS dav vaj tse.
Thiab ib tug attribute uas yog deprecated nyob rau hauv HTML 4.01 thiab nws kuj tsis nyob rau hauv HTML5.
Xav paub ntau ntxiv txog cov HTML 4.01 TABLE Attributes.
- align -Saib tus CSS npoo khoom siv xwb.
Muaj ntau ntau yam uas tsis yog ib qho ntawm cov lus qhia hauv HTML.
Siv cov cwj pwm no yog tias koj paub tias cov browsers koj txhawb tau lawv thiab koj tsis quav ntsej txog kev siv tau HTML.
- -Siv cov xim CSS tom qab-xim.
- bordercolor -Siv cov CSS ciam teb-xim dua.
- ciam teb xim-Siv CSS tus ciam teb-xim xim.
- bordercolordark -Siv cov CSS ciam teb-xim tsuas.
- cols -Yog tsis muaj lwm txoj kev rau tus cwj pwm no.
- qhov siab-Siv lub qhov CSS qhov siab xwb.
- -Siv cov CSS siv cuab yeej siv.
- -Siv cov CSS siv cuab yeej siv.
- -Saib CSS cov cuab yeej dawb-qhov chaw xwb.
- -Siv cov CSS cuab yeej vertical-align xwb.
Xav paub ntau ntxiv txog Browser Specification COV LUS CIM.
HTML5 COV LUS CAW TEEB MEEM
Raws li peb tau hais los saum toj no, tsuas muaj ib qho attribute, dhau lub ntiaj teb cov cwj pwm, uas yog siv rau ntawm HTML5 TABLE element: ciam teb.
Ciam teb tus cwj pwm yog siv los txheeb tus ciam teb ncig tag nrho thiab txhua lub hlwb hauv nws. Muaj qee lo lus nug hais tias nws yuav tsum muaj nyob rau hauv HTML5 specification, tab sis nws tseem nyob vim nws muab cov lus qhia txog cov txheej txheem rooj, dhau ntawm cov kev xav tau cov lus tseeb.
Ntxiv rau ciam teb tus cwj pwm, koj teev tus nqi rau 1 yog tias muaj ciam teb thiab khoob (lossis tawm ntawm tus cwj pwm) yog tias tsis muaj. Feem ntau cov browsers tseem yuav txhawb 0 kom tsis muaj ciam teb, thiab muaj lwm yam integer tus nqi (2, 3, 30, 500, thiab lwm yam) los tshaj tawm tus ciam teb qhov dav hauv pixels, tiam sis qhov no tsis muaj nyob hauv HTML5. Xwb, koj yuav tsum siv CSS ciam teb cov qauv siv los txheeb cov ciam teb dav thiab lwm tus qauv.
Txhawm rau tsim ib lub rooj nrog ciam teb, sau:
ciam teb = "1" >
Qhov no yog ib lub rooj uas muaj ciam teb
Muaj HTML 4.01 attributes uas tsis muaj nyob hauv HTML5. Yog tias koj npaj sau cov ntawv HTML 4.01, koj tuaj yeem kawm tau rau lawv, txwv tsis pub koj tuaj yeem tsis kam lees lawv. Feem ntau ntawm cov cwj pwm no muaj kev kho, piav qhia saum toj no.
Peb piav qhia txog cov cwj pwm ntawm lub caij uas siv tau hauv HTML5 (thiab HTML 4.01). Qhov no piav qhia TABLE attributes uas yog siv tau hauv HTML 4.01, tab sis tsis muaj nyob hauv HTML5. Yog hais tias koj tseem sau HTML 4.01 cov ntaub ntawv, koj siv tau cov cwj pwm no, tiam sis feem ntau ntawm lawv muaj lwm yam uas yuav ua rau koj cov nplooj ntawv yuav pab tau yav tom ntej rau qhov koj yuav tsiv mus rau HTML5.
Valid HTML 4.01 Cwj pwm
Tus cwj pwm uas peb piav saum toj no.
Qhov txawv ntawm HTML 4.01 los ntawm HTML5 yog tias koj tuaj yeem qhia meej rau ib tus lej tag nrho (0, 1, 2, 15, 20, 200, thiab lwm yam) los txhais tau lub dav ntawm ciam teb hauv pixels.
Txhawm rau tsim ib lub rooj nrog 5px ciam teb, sau:
ciam teb = "5" >
Cov lus no muaj 5px ciam teb.
Pom ib qho piv txwv ntawm ob lub rooj nrog ciam teb.
Tus cwj pwm txiav txim tias qhov chaw ntawm cov ciam teb ntawm tes thiab cov ntsiab lus ntawm lub xov tooj. Lub neej ntawd yog ob pixels. Teem lub cellpadding rau 0 yog tias koj tsis xav tau qhov chaw ntawm cov txheej txheem thiab ciam teb.
Txhawb lub xovtooj ntawm tes rau 20, sau:
cellpadding = "20" >
Cov lus no muaj lub cellpadding ntawm 20.
Cell ciam teb yuav raug sib cais los ntawm 20 pixels.
Saib ib qho piv txwv ntawm lub rooj nrog cellpadding
Cov attribute no qhia txog qhov chaw ntawm qhov chaw hauv hlwb thiab cov ntsiab lus ntawm tes. Zoo li cellpadding, lub neej ntawd yog teem rau ob pixels, yog li koj yuav tsum muab nws tso rau 0 yog tias koj xav tsis muaj kev sib txuas ntawm tes.
Ntxiv cov xovtooj ntawm tes mus rau ib lub rooj, sau:
cellspacing = "20" >
Cov lus no muaj lub cellspacing ntawm 20.
Cell yuav raug sib cais los ntawm 20 pixels.
Pom ib lub rooj nrog cellspacing
Tus cwj pwm qhia tias feem ntawm ciam teb nyob ib ncig ntawm lub rooj yuav pom. Koj tuaj yeem nrawm koj lub rooj rau plaub sab, txhua sab, sab saum toj thiab hauv qab, sab laug thiab sab xis, lossis tsis muaj.
Ntawm no yog cov HTML rau ib lub rooj nrog sab laug sab laug:
ncej = "lhs" >
Cov lus no
yuav muaj
tsuas yog
sab laug sab framed.
Thiab lwm tus qauv nrog rau hauv qab thav duab:
ncej = "hauv qab" >
Cov lus no muaj ib kablus nyob hauv qab.
Kuaj cov lus qhia nrog cov ntas
Tus attribute zoo ib yam li tus ncej cwj pwm, tsuas yog nws cuam tshuam cov ciam teb nyob ib ncig ntawm lub hlwb ntawm lub rooj. Koj tuaj yeem tsim cov cai rau txhua lub hlwb, ntawm txhua kab, xws li cov pawg TBODY thiab TFOOT los tsis ua.
Txhawm rau tsim ib lub rooj uas muaj kab ntawm cov kab, sau:
rules = "natwm" >
No 4x4 rooj muaj
tus kab tsis txhua
tawm nrog lub
cai attribute.
Thiab lwm txoj kab ntawm txhua kab:
rules = "cols" >
Qhov no yog
ib lub rooj
qhov twg
txhua
yog
highlighted
Ntawm no yog ib qho piv txwv ntawm ib lub rooj nrog cov cai
Tus cwj pwm muab cov lus qhia txog lub rooj rau cov nyeem nyeem ntawv thiab lwm tus neeg siv khoom siv uas tej zaum yuav muaj teeb meem nyeem ntawv ntxhuav. Siv cov lus tseem ceeb, koj sau txog cov lus piav qhia ntawm lub rooj thiab muab qhov ntawd hloov tus cwj pwm. Cov ntsiab lus yuav tsis tso tawm rau ntawm nplooj ntawv web hauv feem ntau tus web browsers.
Ntawm no yog yuav ua li cas sau ib cov lus yooj yim nrog cov ntsiab lus:
style = "Qhov no yog ib cov qauv ntawm cov qauv uas muaj cov ntaub ntawv qhia txog lub cev. Lub hom phiaj ntawm lub rooj ntawv no yog los muab cov ntsiab lus tseem ceeb." >
kem 1 kab 1
kem 2 kab 1
kem 1 kab 2
kem 2 kab 2
Saib ib lub rooj nrog cov ntsiab lus
Cov attribute txhais cov dav ntawm lub rooj hauv pixels lossis raws li feem pua ntawm cov thawv caij. Yog hais tias qhov dav tsis teem caij, lub rooj yuav coj tsuas ntau qhov chaw raws li nws xav tau los tso saib cov ntsiab lus, nrog qhov siab dav tib yam li qhov dav ntawm niam txiv keeb.
Txhim rau ib lub rooj uas muaj qhov dav dav hauv pixels, sau:
dav = "300" >
Cov lus no yog 80% ntawm qhov dav ntawm lub thawv nws nyob hauv.
Thiab los tsim ib lub rooj nrog lub dav uas yog feem pua ntawm niam txiv keeb, sau:
dav = "80%" >
Cov lus no yog 80% ntawm qhov dav ntawm lub thawv nws nyob hauv.
Pom ib qho piv txwv ntawm lub rooj nrog lub dav
Deprecated HTML 4.01 TABLE Attribute
Yog ib qho attribute ntawm lub caij TABLE uas yog deprecated nyob rau hauv HTML 4.01 thiab tsis muaj nyob hauv HTML5: dlhos . Cov attribute no cia koj teev qhov twg hauv lub rooj yuav tsum tau nyob rau ntawm nplooj ntawv uas ntsig txog cov ntawv nyeem nyob ntawm nws. No attribute tau poob rau hauv HTML 4.01, thiab koj yuav tsum tsis txhob siv nws. Xwb, koj yuav tsum siv CSS cov cuab yeej los yog cov npoo-laug: pib; thiab cov npoo-txoj cai: pib; yeeb yam. Lub ntab ntim qiv rau koj pom tias yog ze rau qhov cov yeeb yam uas tau muab, tab sis nws tuaj yeem cuam tshuam rau txoj kev ntawm cov nplooj ntawv sab nraud. Cov npoo-txoj cai: pib; thiab npoo-sab laug: pib; yog dab tsi qhov W3C pom zoo ua lwm txoj.
Ntawm no yog ib qho piv txwv uas raug muab tshem tawm uas siv cov yeeb yam sib xws:
align = "right" >
Cov lus no yog zoo raws li
Text flows ncig mus rau sab laug
Pom tus qauv piv txwv uas siv tus cwj pwm.
Thiab kom tau cov nyhuv tib yam siv tau (tsis-poob) HTML, sau:
style = "float: right;" >
Cov lus no yog zoo raws li
Text flows ncig mus rau sab laug
Cov nram qab no piav qhia TABLE attributes uas tsis yog ib feem ntawm cov lus qhia hauv HTML.
Cov lus qhia dhau los qhia txog cov ntsiab ntawm cov HTML cim uas yog siv tau hauv HTML 4.01, tab sis tsis muaj nyob hauv HTML5.
Cov nram qab no piav qhia TABLE attributes uas tsis siv rau hauv cov lus qhia tam sim no. Yog tias koj tsis txhawj xeeb txog seb koj cov nplooj ntawv lees paub thiab koj cov neeg siv siv lub browser los txhawb cov ntsiab lus, ces koj tuaj yeem siv cov ntsiab lus no. Tab sis feem ntau ntawm lawv yog cov tsis tau koom hauv cov kev lag luam niaj hnub los yog muaj kev xaiv uas yog cov qauv kev cai dua.
Peb tsis pom zoo siv cov cwj pwm ntawm koj cov ntxhuav HTML.
Tus cwj pwm yog ib tus cwj pwm qub uas tau muab tso ua ntej CSS tau txaus siab heev. Nws tso cai rau koj hloov xim tom qab ntawm lub rooj. Koj tuaj yeem teev ib lub npe xim lossis ib tus zauv hexadecimal. Cov attribute no tseem ua haujlwm nyob hauv ntau cov browsers, tab sis rau cov HTML yav tom ntej, koj yuav tsum tsis txhob siv nws, thiab siv CSS xwb.
Qhov zoo dua qub rau qhov yeeb yam no yog qhov cuab yeej ntawm cov cuab yeej.
Yuav kom hloov xim tom qab ntawm lub rooj, sau:
style = "background xim: #ccc;" >
Cov lus no muaj ib cov grey tom qab
Zoo li tus cwj pwm bgcolor, tus cwj pwm ciam teb cia koj hloov xim ntawm tus cwj pwm. Cov attribute no tsuas yog txhawb los ntawm Internet Explorer. Xwb, koj yuav tsum siv cov ciam teb-xim style.
Los hloov xim ntawm koj lub rooj sab nraud, sau:
style = "ciam-xim: liab;" >
Cov lus no muaj liab ciam teb.
Cov ciam teb thiab ciam teb ntawm ntug ciam teb muaj nyob rau hauv Internet Explorer tso cai rau koj los tsim kom tau 3D ciam nyob ib ncig ntawm koj lub rooj. Txawm li cas los, raws li ntawm IE8 thiab li, qhov no tsuas yog txaus siab nyob rau hauv IE7 Qauv Hom thiab Quirks hom . Microsoft hais tias cov khoom no tsis txhawb siab.
Rau ib lub sij hawm luv luv, lub colas attribute ntawm lub caij TABLE tau npaj los pab cov browsers paub tias muaj pes tsawg kab ib lub rooj. Lub hauv paus ntawd yog qhov no yuav pab txhim kho cov txheej txheem loj. Txawm li cas los nws tsuas yog siv los ntawm Internet Explorer, thiab raws li ntawm IE8 thiab li, qhov no tsuas yog txaus siab nyob rau hauv IE7 Qauv Hom thiab Quirks hom.
Vim hais tias muaj ib cov attribute dav (dhau caij nyoog hauv HTML5) coob tus neeg xav tias muaj ib qhov siab attribute rau cov ntxhuav thiab. Tab sis vim hais tias cov ntxhuav haum rau qhov dav ntawm lawv cov ntsiab lus los yog qhov txhais dav dav hauv CSS lossis qhov attribute dav, qhov siab yuav tsis raug txwv. Li ntawd xwb, browsers pub rau qhov siab attribute kom txhais tau qhov tsawg kawg nkaus qhov siab ntawm lub rooj. Yog hais tias lub rooj muaj siab dua li qhov siab, nws yuav pom siab. Tab sis koj yuav tsum siv cov khoom
Nrog rau CSS qhov siab koj yuav ua rau qhov siab yog tias koj siv CSS cov cuab yeej zoo li los xyuas seb ua li cas nrog rau cov ntsiab lus tshaj.
Txhim kho qhov siab qhov tsawg kawg nkaus rau ntawm ib lub rooj, sau:
style = "qhov siab: 30em;" >
Cov lus no yog tsawg kawg 30 ems siab.
Ob tug cwj pwm thiab ntxiv qhov chaw nyob ib sab ntawm sab laug / sab xis (hspace) thiab saum / hauv qab (vspace) ntawm lub rooj. Koj yuav tsum siv cov cuab yeej style xwb.
Txhawb qhov chaw ntsug rau 20 pixels thiab qhov chaw tav toj rau 40 pixels, sau:
style = "margin: 20px 40px;"
Cov lus no muaj ib lub vspace ntawm 20 pixels thiab ib lub hspace ntawm 40 pixels.
Tus cwj pwm yog ib qho tseem ceeb ntawm boolean uas txhais tau tias cov ntsiab lus ntawm lub rooj yuav tsum qhwv ntawm ntug ntawm niam txiv lub caij los yog qhov rai lossis yuam kom cov kab rov tav. Xwb, koj yuav tsum txheeb cov ntawv ntxig ntawm txhua lub xov tooj ntawm tes uas siv CSS cov khoom.
Txhawm rau ua ib kem nrog ntau ntawm cov ntaub ntawv tsis qhwv, sau:
style = "dawb-qhov chaw: nowrap;" > Qhov no yog ib kem nrog ib tuj ntawm cov ntsiab lus. Tab sis txawm hais tias nws yog dav dua lub thawv ntawv yuav tsum tsis txhob qhwv mus rau kab tom ntej, tiam sis tsuas yog khawm qhov browser qhov rai los txhawm rau horizontally mus saib tag nrho cov ntsiab lus.
Thaum kawg, tus attribute qhia lub ntsiab lus ntawm txhua lub xov tooj ntawm tes yuav tsum ceev nrig li ntawm tes. Siv qhov txiaj ntsig no tsis raug, koj yuav tsum siv CSS cov cuab yeej ntawm txhua lub cell koj xav hloov cov ntawv sib dhos ntawm. Koj yuav tsis pom qhov teebmeem ntawm cov qauv no tshwj tsis yog tias lub xovtooj ntawm cov ntsiab lus tsawg tshaj qhov chaw muaj tsim los ntawm lwm cov, cov kabmob loj.
Txhawb lub xovtooj ntawm tes mus rau hauv qab (tshaj qhov nruab nrab, raws li lub neej ua pov thawj), sau:
Cov xovtooj no ntev tshaj qhov so thiab yuav yuam kom qhov siab siab dua. Li ntawd, koj yuav pom tias cov vertically dlhos hauv xovtooj dlhos mus rau hauv qab.
style = "vertical-align: bottom;" > Cov ntsiab lus hauv qab.
txheem hauv nruab nrab.