Maua le tele o laupepa i fafo o HTML e ala i le aʻoaʻoina o uiga laulau
Lisi o laulau HTML e tuʻuina atu ai ia te oe le tele o le pulea o laulau HTML. E tele uiga e maua i laulau ina ia sili atu ona fiafia ma suia le foliga o lau itulau.
TULAFONO TALAINA E TUSI AI
I le HTML5, o le elemene e faʻaaoga ai uiga o le lalolagi ma le tasi uiga:. Ma ua suia ina ia na o le taua o le 1 pe leai (ie tuaoi = ""). Afai e te manaʻo e suia le lautele o le tuaoi, e tatau ona e faʻaaogaina le fanua lautele o le CSS.
Vaʻai i lalo e aoao e uiga i uiga taua o le HTML5.
E iai foi nisi uiga o se vaega o le faʻamalamalamaga HTML 4.01 lea ua le toe i ai i le HTML5:
- - Faʻaaoga le CSS fale puipui i luga o le laulau o TD ma TH elemene.
- -Faʻailoga le faʻasologa o tuaoi o le CSS i luga o le laulau.
- -Faʻailoga CSS ituaiga-lanu-lanu; uliuli; ma le auala i luga o le laulau.
- -Faʻailoga CSS ituaiga-lanu-lanu; uliuli; ma le sitaili-ala i luga o elemene talafeagai o le laulau.
- -I le mea e tatau ai, e tatau ona e faʻamatalaina le fausaga o le laulau i totonu o se CAPTION pe tuʻu le laulau atoa i se ata ma faʻamatalaina i se VAEGA. I le isi itu, e mafai ona faʻafaigofie le fausaga o le laulau ina ia leai se faʻamatalaga e manaʻomia.
- - Faʻaaoga le mea lautele o le CSS.
Ma o se tasi uiga lea na faʻaaogaina i le HTML 4.01 ma ua le toe faʻaaogaina foi i le HTML5.
Aoao atili e uiga i le HTML 4.01 TABLE Attributes.
- faʻafeiloaʻi -Iu faʻaaoga le fanua CSS laʻititi.
E iai foʻi uiga e le o se vaega o faʻamatalaga HTML.
Faaaoga nei uiga pe afai e te iloa o tagata suʻesuʻe e te lagolagoina e mafai ona latou taitaia ma e te le popole i HTML aoga.
- - Faʻaaoga le CSS meatotino-lanu.
- bordercolor -Faʻausia le lanu tuaoi o le CSS.
- frontcolorlight -Faofi le lanu tuaoi o le CSS.
- bordercolordark -Uu le laiga tuaoi o le CSS.
- cols - E leai se isi mea e sui ai lenei uiga.
- maualuga -Uu maualuga le mea o le CSS.
- - Faʻaaoga le vaega o meatotino a le CSS.
- - Faʻaaoga le vaega o meatotino a le CSS.
- - Faʻaaoga le CSS mea-paʻepaʻe avanoa.
- - Faʻaaoga le mea a le CSS faʻatulagaina i luga.
Aoao atili e uiga i le Siga ile TASI TULAGA TAULAGA.
HTML5 TABLE UIGA Element
E pei ona tatou taʻua i luga, e na o le tasi lava le uiga, e sili atu i le lalolagi, e aoga i luga o le HTML5 TABLE element: tuaoi.
O le uiga tuaoi e faʻaaoga e faʻamatalaina ai se tuaoi faʻataʻamilo i le laulau atoa ma sē uma o iai. Sa i ai se fesili e tusa pe o le a aofia i totonu o le HTML5 faʻamaumauga, ae na tumau ona o le tuʻuina atu o faʻamatalaga e uiga i le fausaga o le laulau, e sili atu nai lo na o le faʻaaogaina o uiga.
Ina ia faaopoopo le uiga tuaoi, e te seti le tau i le 1 pe afai oi ai se tuaoi ma leai se mea (pe tuu ese le uiga) pe afai e leai. O le tele o tagata suʻesuʻe o le a lagolagoina foi le 0 mo le leai o se tuaoi, ma soʻo se isi lava aofaʻiga (2, 3, 30, 500, ma isi) e faʻaalia ai le lautele o le lautele i pixels, ae ua le o toe i ai le HTML5. Nai lo lena, e tatau ona e faʻaaogaina uiga o le tuaoi o le CSS e faʻamatala ai le lautele lautele ma isi sitaili.
Ina ia faia se laulau ma se tuaoi, tusi:
< tuaoi o tuaoi = "1" >
O le laulau lenei ma se tuaoi
E i ai HTML 4.01 uiga e le masani i HTML5. Afai e te fuafua i le tusiaina o tusitusiga HTML 4.01, e mafai ona e aoaoina i latou, a leai, e mafai ona e le amanaiaina i latou. O le tele o nei uiga o loʻo i ai isi auala, faʻamatalaina i luga.
Matou te faamatalaina uiga o le elemene e aoga i HTML5 (ma le HTML 4.01). O lenei mea o loʻo faamatalaina ai uiga TABLE o loʻo aoga i le HTML 4.01, ae ua le toe i totonu o le HTML5. Afai oe tusia pea HTML 4.01 pepa, e mafai ona e faʻaaoga nei uiga, ae o le tele oi latou e iai ni auala e mafai ai e au itulau ona faʻamaonia i le lumanaʻi mo taimi e te siitia ai i le HTML5.
Valid HTML 4.01 Uiga
Le uiga na matou faamatalaina i luga.
E na o le pau lava le eseesega i le HTML 4.01 mai le HTML5 e mafai ona e faʻamaonia ai se numera atoa (0, 1, 2, 15, 20, 200, ma isi) e faʻamatala ai le lautele o le tuaoi i pixels.
Ina ia fausia se laulau ma se 5px tuaoi, tusi:
< tuaoi o tuaoi = "5" >
O lenei laulau e 5px tuaoi.
Tagai i se faataitaiga o papa e lua ma tuaoi.
O le uiga e taʻu mai ai le tele o avanoa i le va o le telefoni ma mea o loʻo i totonu o le masini. O le faaletonu e lua pixels. Seti le paʻu i le 0 pe afai e te le manaʻomia se avanoa i le va o mea e aofia ai ma tuaoi.
Ina ia seti le masini masima i le 20, tusi:
= "20" >
O lenei laulau e iai se paʻu o le 20.
O le a vavaeina tuaoi o le Cell e 20 pika.
Vaʻai i se faʻataʻitaʻiga o se laulau faʻatasi ai ma le paʻu
O le uiga e taʻu mai ai le tele o avanoa i le va o laulaau laulau ma le mea o loʻo iai le masini. E pei o le paʻu, o le faaletonu e seti i lua pika, o lea e tatau ona e seti i le 0 pe afai e te le manao i se vaalele.
Ina ia faaopoopo le vaovao i le laulau, tusi:
ole laulau = "20" >
O lenei laulau e iai se siakiina o le 20.
O le a vaeluaina Cells e 20 pika.
Vaʻai i se laulau faʻatasi ai ma sela
O le uiga e iloa ai vaega o le tuaoi o loo siosiomia fafo o le laulau o le a vaaia. E mafai ona faʻapipiʻi lau laulau i itu uma e fa, i le tasi itu, pito i luga ma lalo, agavale ma saʻo, pe leai.
O le HTML lenei mo se laulau faʻatasi ma le itu tauagavale pito i tua:
frame = "lhs" >
Lenei laulau
o le ai ai
naʻo le
le itu tauagavale ua gaosia.
Ma se isi faʻataʻitaʻiga ma le pito i lalo:
fausaga = "lalo" >
O lenei laulau ei ai lona faavaa i le pito i lalo.
Siaki nisi o laulau faʻatasi ma papa
O le uiga e talitutusa ma le uiga o le faavaa, e na o le mea e aafia ai tuaoi o loo siomia ai sela o le laulau. E mafai ona e seti tulafono i luga o sela, i le va o koluma, i le va o vaega e pei o TBODY ma TFOOT poʻo leai.
Ina ia fausia se laulau i na laina i le va o laina, tusi:
tulafono = "laina" >
O lenei laulau 4x4 ei ai
laina e le o koluma
faʻamatala atu i le
uiga faʻavae
Ma le isi ma laina i le va o pou:
tulafono = "kols" >
O le lenei
laulau
fea o le
koluma
e
faʻalauiloa
O se faʻataʻitaʻiga lea o se laulau ma tulafono
O le uiga e maua ai faʻamatalaga e uiga i le laulau mo le faitau tusi ma isi sui o loʻo faʻaaogaina e ono ono faigata ona faitau ia laulau. Mo le faʻaaogaina o le otootoga o uiga, ia e tusia i luga se faʻamatalaga puupuu o le laulau ma tuʻu lena mea o le taua o le uiga. O le otootoga o le a le faʻaalia i luga o le upega tafaʻilagi i le tele o 'upega tafaʻilagi masani.
O le auala lenei e tusi ai se laulau faigofie ma se otootoga:
summary = "O se laulau faataitai lenei o loʻo i ai faʻamatalaga faʻamatalaga. O le faamoemoega o lenei laulau o le faʻaalia lea o se otootoga." >
koluma 1 laina 1
koluma 2 laina 1
koluma 1 laina 2
koluma 2 laina 2
Vaʻai i se laulau ma se otootoga
O le uiga o le uiga o le lautele o le laulau i pika pe o se pasene o le eletise fagu. Afai e le seti le lautele, o le laulau o le a na o le tele lava o avanoa e manaʻomia e faʻaali ai mea e aofia ai, faatasi ai ma le maualuga lautele le tutusa ma le lautele o le matua matua.
Ina ia fausia se laulau ma se lautele lautele i pixoi, tusi:
lapoa = "300" >
O lenei laulau e 80% o le lautele o le koneteina oi totonu.
Ma ia fausia se laulau faʻatasi ma le lautele o le pasene o le matua, tusi:
lapoa = "80%" >
O lenei laulau e 80% o le lautele o le koneteina oi totonu.
Vaʻai i se faʻataʻitaʻiga o se laulau faʻatasi ma le lautele
Faʻapipiʻiina HTML 4.01 TABLE Uiga
E tasi le uiga o le TABLE elemene o loʻo faʻanoanoa i le HTML 4.01 ma ua tuai i le HTML5: faʻatusatusa . O lenei uiga e mafai ai ona e seti pe o fea e tatau ona i luga o le laulau i luga o le itulau e fesoʻotai i le tusitusiga o loʻo i tafatafa ane. O lenei uiga na faʻaaogaina i le HTML 4.01, ma e tatau ona e faʻaaogaina. Nai lo lena, e tatau ona e faʻaaogaina le meatotino a le CSS po o le taumatau-tauagavale: auto; ma le taumatau-taumatau: auto; sitaili. O le mea e maua ai le feʻaveaʻi ua e maua ai se taunuuga e sili atu ona latalata i le mea o loʻo faʻatulagaina, ae e mafai ona aafia ai le auala o faʻaalia ai mea uma o loʻo i totonu o le itulau. Le tafatafa-taumatau: auto; ma le itu-tauagavale: auto; o mea ia e fautuaina e le W3C o se isi mea.
O se faʻataʻitaʻiga faʻapitoa e faʻaaoga ai le uiga tutusa:
fetaui = "saʻo" >
O lenei laulau e fetaui lelei
O loʻo taamilo le taamilo i le itu agavale
Vaʻai i se faʻataʻitaʻiga faʻaaogaina e faʻaaoga ai le uiga tutusa.
Ma ina ia maua le tutusa lava o le aoga ma le (HTML-non-deprecated) HTML, tusi:
= "folau: saʻo;" >
O lenei laulau e fetaui lelei
O loʻo taamilo le taamilo i le itu agavale
O mea nei e faʻamatalaina TABLE uiga e le o se vaega o faʻamatalaga HTML.
O faʻamatalaga muamua na faʻamatalaina ai uiga o le HTML elemene e faʻamaonia i le HTML 4.01 ae ua le toe i totonu o le HTML5.
O loʻo taua i lalo mea e le o faʻamaonia i totonu o soʻo se faʻamatalaga lata mai. Afai e te le popole pe tatau ona aloaia lau itulau ma e faʻaaogaina e au tagata faʻapipiʻi e lagolagoina nei elemene, ona mafai lea ona e faʻaaoga nei elemene. Ae o le toatele oi latou e le o amanaiaina i latou i ona po nei pe o nisi foi auala e sili atu ona faʻatautaia.
Matou te le fautuaina e faʻaaoga nei uiga i luga o laulau HTML.
O le uiga o se uiga tuai na aofia ai aʻo lei lagolagoina le lautele o le CSS. E mafai ai ona suia le lanu o le laulau. E mafai ona e seti se lanu lanu poʻo se numera hexadecimal. O lenei uiga e galue pea i le tele o sailiga, ae mo HTML faʻatapulaʻaina, e le tatau ona e faʻaaogaina, ma faʻaaoga CSS i le isi.
O le isi suiga sili atu i lenei uiga o le fale o le fale.
Ina ia suia le lanu pito i luma o se laulau, tusi:
= "lanu-lanu: #ccc;" >
O lenei laulau ei ai se laulu paʻe
E talitutusa ma uiga uiga ese, o le uiga o le bordercolor e mafai ai ona suia le lanu o le uiga. O lenei uiga e na o le lagolagoina e Internet Explorer. Nai lo lena, e tatau ona e faʻaaogaina le fanua lanu lanu-lanu.
Ina ia sui le lanu o lau laulau, tusi:
style = "lanu tuaoi-lanu mumu;" >
O lenei laulau ei ai se tuaoi mumu.
O le frontcolorlight ma bordercolordark uiga na aofia ai i Internet Explorer ina ia mafai ai ona e fatuina se tuaoi 3D i lau laulau. Ae ui i lea, e pei o le IE8 ma luga, ua lagolagoina lenei tulaga i le IE7 Standards Mode ma Quirks Mode . Fai mai Microsoft o nei meatotino e le toe lagolagoina.
Mo se taimi puupuu, o le cols i luga o le TABLE element na faʻatulagaina e fesoasoani ai i tagata sailiili ia iloa le tele o koluma i le laulau. O le manatu o lenei mea o le a fesoasoani e faʻateleina ai le faia o laulau tetele. Ae na faʻaaogaina e Internet Explorer, ma e pei o IE8 ma luga, ua lagolagoina lenei tulaga i le IE7 Standards Mode ma le Quirks Mode.
Talu ai ona o loʻo i ai se uiga lautele (ua le lava i le HTML5) e toʻatele tagata na manatu o loʻo i ai se uiga maualuga mo laulau. Ae talu ai ona o laulau e tutusa ma le lautele o la latou anotusi poʻo le lautele o loʻo faʻamatalaina i le CSS poʻo le lautele lautele, o le maualuga e le mafai ona faʻamalosia. O le mea lea, o tagata suʻesuʻe sa faatagaina le uiga maualuga e faʻamatalaina le maualuga aupito maualuga o le laulau. Afai o le laulau e maualuga atu nai lo lena maualuga, o le a sili atu le umi. Ae e tatau ona e faʻaaoga le meatotino
Faatasi ai ma le maualuga o le CSS meatotino e mafai ona e taofia le maualuga pe afai e te faʻaaogaina le meatotino CSS e faʻamatalaina ai mea e tupu i soʻo se mea e sili atu.
Ina ia seti le maualuga maualalo i luga o se laulau, tusi:
= "maualuga: 30em;" >
O lenei laulau e tusa ma le 30 i luga le maualuga.
O uiga e lua ma le avanoa faaopoopo i tafatafa o le tauagavale / taumatau (hspace) ma luga / lalo (vs) o le laulau. E tatau ona e faʻaaogaina le mea o loʻo iai.
Ina ia seti le avanoa i le 20 pixels ma le avanoa avanoa ile 40 pixels, ia tusi:
= "pito: 20px 40px;"
O lenei laulau e iai le vspace o 20 pika ma le maualuga o le 40 pika.
O le uiga o se uiga faʻapitoa lea e faʻamalamalamaina pe o mea o loʻo i luga o le laulau e tatau ona afifi i le pito o le elemene matua poʻo le faʻamalama poʻo le faʻamalosia o le taʻavale i luga. Nai lo lena, e tatau ona e faʻamatalaina uiga o afifi o laulau taʻitasi taʻitasi e faʻaaoga ai le meatotino CSS.
Ina ia faia se koluma ma le tele o tusiga e le afifi, tusi:
style = "paʻepaʻe-vaʻaia: sorap;" > O le koluma lenei ma se ton o mea e aofia ai. Ae tusa lava pe sili atu le lautele nai lo le koneteina e le tatau ona afifi le tusitusiga i le laina e sosoo ai, ae faʻamalosia le faamalama o le komepiuta e taamilo i luga i luga e iloa ai mea uma.
Ma le mea mulimuli, o le uiga e taʻu mai ai pe faapefea ona fetaui lelei mea o totonu o potu taʻitasi i totonu o le masini. Nai lo lenei uiga le lelei, e tatau ona e faʻaaogaina le meatotino CSS i luga o potu taitasi e te manaʻo e suia le faʻatulagaina o. O le ae le matauina aafiaga o lenei sitaili seʻi vagana ua itiiti ifo mea o loo maua e le masini i le avanoa avanoa na faia e isi, tele lapoa.
Ina ia faʻamalosi se sela e fetaui i le pito i lalo (nai lo le ogatotonu, e pei o le le faʻaaoga), tusi:
O lenei cell e umi atu nai lo le malologa ma o lea o le a faamalosia ai le maualuga ia sili atu le umi. O le mea lea o le a e vaʻaia ai le fesoʻotaʻiga o le siama e faʻaoga saʻo i le pito i lalo.
style = "faʻatusatusa-faʻatatau: lalo;" > Mataupu i lalo.
Faʻamatalaga i totonu.