Ny fahazoana ny ankamaroan'ny latabatra HTML amin'ny alalan'ny fianarana ny latabatra tabilao
Asehon'ny tabilao HTML manome anao fifehezana bebe kokoa eo amin'ny latabatra HTML. Misy toetra maro azo atao amin'ny latabatra mba hahatonga azy ireo ho liana kokoa ary hanova ny endrik'ilay pejy.
HTML TABLE Attributes TABLE
Amin'ny HTML5, ny singa dia mampiasa ireo toetra manerantany ary misy toetra iray hafa:. Ary niova izy io raha tsy manana ny lanjan'ny 1 na tsy misy (ie border = ""). Raha te hanova ny sakan'ny sisintany ianao, dia tokony hampiasa ny fananan-tany CSS.
Jereo etsy ambany raha te hianatra momba ireo tarehintsoratra tabilao manan-danja HTML5.
Misy ihany koa ireo toetra marobe izay ampahany amin'ny torolàlana HTML 4.01 izay nanjary efa lany andro amin'ny HTML5:
- - Ampiasao ny fananana fonosana CSS eo amin'ny latabatra TD sy TH elements.
- - Ampiasao ny sisin'ny tany CSS-eny ambony latabatra.
- - Mampiasà endri-tsoratra CSS: border; ary sisin-tany eo amin'ny latabatra.
- - Mampiasà endri-tsoratra CSS: border; ary ny sisin-tany eo amin'ny sehatra mifanaraka amin'ny latabatra.
- - Fa tokony hamaritra ny rafitra misy ny latabatra ao anatin'ny CAPTION ianao na mametraka ny latabatra manontolo ao amin'ny FIGURE ary mamariparitra azy ao amin'ny FIGURE. Azonao atao ny manatsotra ny rafitry ny latabatra ka tsy mila fanazavana.
- - Mampiasà fananan-tany CSS.
Ary ny toetra iray izay nolavina tamin'ny HTML 4.01 ary dia lasa ihany koa amin'ny HTML5.
Hahafantatra bebe kokoa momba ny toetry ny HTML 4.01 TABLE.
- align- Mampiasa ny mari-panaon'ny CSS fa tsy.
Misy ihany koa ireo toetra marobe izay tsy ao anatin'ny fehezanteny HTML rehetra.
Ampiasao ireo toetra ireo raha fantatrao fa afaka mampiasa azy ireo ny navigateur ary tsy miraharaha ny HTML marina.
- - Ampiasao ny lokon'ny tanimboly CSS fa tsy loko.
- bordercolor - Mampiasà sisin-tany amin'ny sisin'ny CSS fa tsy.
- bordercolorlight - Mampiasà ny sisintanin'ny CSS fa tsy loko.
- bordercolordark - Mampiasà ny sisin'ny sisin-tany CSS ho solony.
- cols -Na dia tsy mitovy hevitra amin'io toetra io.
- haavo - Mampiasa ny haavon'ny CSS ho solony.
- - Mampiasà mari-pandrefesana CSS.
- - Mampiasà mari-pandrefesana CSS.
- - Mampiasà fotodrafitran'ny CSS ho solony.
- - Ampiasao ny fananan-tany CSS mifampitaha.
Mianara bebe kokoa momba ny toetra TABLE TABLE.
HTML5 TABLE Attributes TABLE
Araka ny voalaza tetsy ambony, dia tsy misy afa-tsy toetra tokana, ankoatra ireo toetra manerantany, izay manan-kery amin'ny singa HTML3 TABLE: sisintany.
Ny endriky ny sisintany dia ampiasaina hamaritana sisin-tany manodidina ny latabatra rehetra sy ny efitrano rehetra ao anatiny. Nisy ny fanontaniana sasantsasany raha toa ka azo ampidirina ao amin'ny tondrozotra HTML5, saingy nijanona izany satria nanome fampahalalana mikasika ny rafitra latabatra, mihoatra noho ny fomba fanao tsotra fotsiny.
Ampidiro ny mari-pahaizana sisintany, dia mametraka ny sandany amin'ny 1 raha misy sisintany ary misy foana (na miala ny toetra) raha tsy misy. Ny ankabeazan'ireo navigateurs dia hanohana ny 0 tsy misy sisintany, ary ny sandam-be iray hafa (2, 3, 30, 500, sns) mba hanambarana ny sakan'ny sisintany ao anaty piksels, saingy efa lany ny HTML5. Raha tokony izany, tokony hampiasa tranom-barotra CSS ianao mba hamaritana ny sakan'ny sisin-tany sy ny endrika hafa.
Mba hamoronana tabilao misy sisintany, soraty:
border = "1" >
Ity dia latabatra misy sisintany td>
Tr>
Table>Misy tarehin-tsoratra HTML 4.01 izay adala amin'ny HTML5. Raha toa ka mikasa ny hanoratra ny antontan-taratasy HTML 4.01 ianao, dia afaka mianatra azy ireo, raha tsy izany dia azonao atao ny tsy miraharaha azy ireo. Ny ankamaroan'ireny toetra ireny dia manana safidy hafa, voalaza etsy ambony.
Mamaritra ny endriky ny singa izay manan-kery amin'ny HTML5 (sy HTML 4.01). Ity dia mamaritra ny toetra TABLE izay manan-kery amin'ny HTML 4.01, saingy efa lany andro amin'ny HTML5. Raha mbola manoratra dokam-barotra HTML 4.01 ianao, dia azonao ampiasaina ireo toetra ireo, fa ny ankamaroan'izy ireo dia manana safidy hafa izay hahatonga ny pejy ho azo antoka kokoa hoavy rehefa mandeha mankany HTML5.
Valid HTML 4.01 Attributes
Ny toetra voatonona etsy ambony.
Ny fahasamihafana ao amin'ny HTML 4.01 amin'ny HTML5 dia azonao atao ny mamaritra ny isa manontolo (0, 1, 2, 15, 20, 200, sns) mba hamaritana ny sakan'ny sisintany amin'ny pixel.
Manamboatra latabatra misy sisintany 5px, soraty hoe:
border = "5" >
Ity latabatra ity dia manana sisintany 5px td>
Tr>
Table>Jereo ohatra misy tabilao roa misy sisintany.
Ny toetra dia mamaritra ny haben'ny elanelana eo amin'ny sisin-tany sy ny votoatin'ilay sela. Ny roapolo dia roa pixel. Mametraka ny cellpadding ho 0 raha tsy mila toerana malalaka eo amin'ny votoaty sy sisintany ianao.
Raha hametraka ny fonosana ho 20, soraty hoe:
cellpadding = "20" >
Ity latabatra ity dia manana cellpadding of 20 td>
Tr>
Ny sisin-tseranana dia hisaraka 20 pixels td>
Tr>
Table>Jereo ny ohatra misy tabilao miaraka amin'ny cellpadding
Ny toetra dia mamaritra ny haben'ny elanelana eo amin'ny cellules et les cellules. Tahaka ny cellpadding, ny default dia napetraka amin'ny pixel roa, noho izany dia tsy maintsy mametraka azy io amin'ny 0 ianao raha tsy te-toerana.
Mba hanampiana latabatra fisakafoanana, manorata:
cellspacing = "20" >
Ity latabatra ity dia manana takaitra 20 td>
Tr>
Ny cellules dia hisaraka 20 pixels td>
Tr>
Table>Jereo ny latabatra miaraka amin'ny cellspacing
Ny toetra dia manondro hoe iza amin'ireo ampahany amin'ny sisintany manodidina ny ivelan'ny latabatra no ho hita. Azonao atao ny mametraka ny latabatrao amin'ny lafiny efatra, ny lafiny iray, ambony sy ambany, havia sy havanana, na tsy misy.
Ity ny HTML ho an'ny latabatra izay sisin-tany havia sisa:
frame = "lhs" >
Ity latabatra td>
dia hanana td>
Tr>
ny td> ihany
ankavia havia. td>
Tr>
Table>Ary ohatra iray hafa miaraka amin'ny rindrina ivelany:
frame = "ambany" >
Ity latabatra ity dia misy endritsoratra eo ambany. td>
Tr>
Table>Jereo ny latabatra sasantsasany
Ny toetoetra dia mitovy amin'ny endriky ny frame, fa ny fiantraikany eo amin'ny sisintany eo amin'ny latabatra. Azonao atao ny mametraka fitsipika amin'ny sela rehetra, eo anelanelan'ny tsanganana, eo amin'ny tarika toy ny TBODY sy TFOOT na tsia.
Mba hananganana latabatra miaraka amin'ny andalana eo anelanelan'ny laharana dia soraty hoe:
rules = "rows" >
Ity latabatra 4x4 ity dia td>
ireo tsipika tsy tsanganana td>
Tr>
voafaritra miaraka amin'ny td>
manendry fitsipika td>
Tr>
Table>Ary iray hafa miaraka amin'ny andalana eo anelanelan'ny tsanganana:
rules = "cols" >
Ity dia td>
latabatra td>
izay ny td>
Tr>
andry TD>
ny TD>
nanasongadina TD>
Tr>
Table>Ity misy ohatra iray amin'ny latabatra misy fitsipika
Ny toetra dia manome fampahalalana momba ny latabatra ho an'ireo mpamaky amin'ny efijery ary ireo mpampiasa hafa izay mety manana olana amin'ny famakiana latabatra. Ampiasao ny toetoetran'ny famintinana, soratao fohifohy ny tabilao ary ataovy toy ny lanjan'ilay toetra. Ny famintinana dia tsy hampiseho ny pejy Internet ao amin'ny ankamaroan'ny navigateur web.
Toy izao ny fomba hanoratana tabilao tsotra miaraka amin'ny famintinana:
summary = "Ity misy tabilao misy rakitra filler vaovao. Ny tanjon'ity latabatra ity dia ny hanehoana famintinana." >
laharana 1 laharana 1 td>
column 2 row 1 td>
Tr>
laharana 1 laharana 2 td>
laharana 2 laharana 2 td>
Tr>
Table>Hizaha latabatra misy famintinana
Ny toetra dia mamaritra ny sakan'ny latabatra amin'ny pixel na ny isan-jato amin'ny singa entona. Raha tsy voafetra ny habaka, dia haka toerana malalaka fotsiny ny latabatra raha te hampiseho ny votoatiny, miaraka amin'ny sakany farafaharatsiny mitovy amin'ny sakan'ny elanelan'ny fitaovana.
Raha te hanangana latabatra misy laharana voafaritra amin'ny pixel, soraty:
width = "300" >
Ity latabatra ity dia 80% amin'ny sakan'ny fitoeran'entana misy azy. td>
Tr>
Table>Ary mba hananganana latabatra iray izay sakany iray isaky ny singa manan-dray, dia soraty hoe:
width = "80%" >
Ity latabatra ity dia 80% amin'ny sakan'ny fitoeran'entana misy azy. td>
Tr>
Table>Jereo ny ohatra misy latabatra misy sakany
Tadiavo
Misy singa iray amin'ny singa TABLE izay nolavina tamin'ny HTML 4.01 ary efa lany andro amin'ny HTML5: align . Ity toetra ity dia mamela anao hametraka ny toerana misy ny latabatra eo amin'ny pejy mifandraika amin'ny lahatsoratra eo anilany. Io toetra io dia nanjavona tao amin'ny HTML 4.01, ary tokony tsy hampiasa izany ianao. Raha tokony izany, tokony hampiasa ny fananana CSS na ny sisiny havia ianao: auto; ary margin-right: auto; fomba. Ny fananana float dia manome anao vokatra izay manakaiky kokoa ny zavatra nomena ny align, saingy mety hisy fiantraikany amin'ny fomba amoahana ny sisa amin'ny pejy ao anatiny. Ny sisin-dàlana: auto; ary margin-left: auto; dia ny soso-kevitry W3C ho toy ny zavatra hafa.
Ity dia ohatra tsy misy dikany amin'ny fampiasana ny toetra mampiavaka:
align = "right" >
Ity latabatra ity dia mifanaraka tsara @ / td>
Tr>
Ny lahatsoratra dia mamaky azy eo ankavia td>
Tr>
Table>Jereo ny ohatra iray tsy misy dikany amin'ny fampiasana ny toetra mampiavaka.
Ary mba hahazoana ny fiantraikany mitovy amin'ny HTML (tsy fialana) marina, soraty:
style = "float: right;" >
Ity latabatra ity dia mifanaraka tsara @ / td>
Tr>
Ny lahatsoratra dia mamaky azy eo ankavia td>
Tr>
Table>Ity manaraka ity dia manazava ireo toetra TABLE izay tsy anisan'ny fepetra HTML.
Ny fampahalalana teo aloha dia mamaritra ny toetoetran'ny singa HTML izay manan-kery amin'ny HTML 4.01 saingy efa lany andro amin'ny HTML5.
Ity manaraka ity dia mamaritra ny toetra misy TABLE izay tsy manan-kery amin'ny filazalazana misy amin'izao fotoana izao. Raha tsy miraharaha ny fanamarinanao ny pejy ianao ary mampiasa ny tranokala manohana ireo singa ireo ny mpampiasa anao, dia azonao atao ny mampiasa ireto singa ireto. Saingy ny ankamaroan'izy ireo dia tsy voamarina ao anaty navigateur maoderina na manana safidy hafa izay mifanaraka kokoa amin'ny fitsipika.
Tsy manoro hevitra ny fampiasana ireo toetra ireo ianao ao amin'ny latabatra HTML anao.
Ny toetra dia toetra iray taloha izay voarakitra talohan'ny CSS dia nanohana betsaka. Izany dia mamela anao hanova ny loko afara misy ny latabatra. Azonao atao ny mametraka anarana loko na hexadecimal code. Io toetra io dia mbola miasa ao anaty navigateur maro, fa ho an'ny HTML izay ho azo antoka, tsy tokony hampiasa izany ianao, ary ampiasao CSS fa tsy.
Ny safidy tsaratsara kokoa amin'io toetra io dia ny fananana fananana.
Raha hanova ny loko afara misy latabatra, soraty hoe:
style = "background-color: #ccc;" >
Ity latabatra ity dia manana loko mena td>
Tr>
Table>Tahaka ny toetoetrany bgcolor, ny toetra amam-bikao dia mamela anao hanova ny lokon'ny toetra. Io toetra io dia tohanan'ny Internet Explorer. Raha tokony ho izany dia tokony hampiasainao ny fananan-tany ny lokony.
Raha hanova ny loko eo amin'ny sisin'ny latabatra, soraty hoe:
style = "border-color: red;" >
Ity latabatra ity dia manana faribolana mena. td>
Tr>
Table>Ny endriky ny sisintany sy ny faritry ny sisintany dia nampidirina tao amin'ny Internet Explorer mba hahafahanao mamorona faribolana 3D manodidina ny latabatrao. Na izany aza, tahaka ny amin'ny IE8 sy up, dia tsy misy afa-tsy ao amin'ny IE7 Standards Mode and Quirks Mode . Manambara i Microsoft fa tsy manohana azy intsony ireo trano ireo.
Nandritra ny fotoana fohy dia nasaina nanampy ireo navigateur hahafantatra ny habetsaky ny latabatra nisy latabatra ny endri-tsoratra teo amin'ny singa TABLE. Ny habetsahana dia ny hanampy haingana kokoa ny famoahana latabatra lehibe. Na izany aza dia nampidirin'ny Internet Explorer fotsiny izy, ary toy ny IE8 sy up, dia tsy misy afa-tsy ao amin'ny IE7 Standards Mode and Quirks Mode.
Satria misy ny mari-pametahana (adaladala amin'ny HTML5) dia maro ireo olona nihevitra fa misy ny toetra ambony amin'ny latabatra ihany koa. Fa satria ny latabatra dia mifanaraka amin'ny sakan'ny votoatiny na ny sakany voafaritra ao amin'ny toetra CSS na ny hateviny, dia tsy mety ho voafetra ny haavony. Noho izany, ny mpizara dia mamela ny toetoetran'ny haavony hamaritana ny haavo farany ambany indrindra amin'ny latabatra. Raha lehibe kokoa noho ny haavony io latabatra io, dia hampiseho miharihary izany. Fa tokony hampiasa ilay trano
Miaraka amin'ny habaka CSS avoitra dia azonao atao ny mamaritra ny haavony raha mampiasa ny properties CSS ianao mba hamaritana izay mitranga amin'ny votoaty mihoatra loatra.
Raha hametraka ny haavony ambany amin'ny latabatra, soraty hoe:
style = "height: 30em;" >
Ity latabatra ity dia farafahakeliny 30 isa ambony td>
Tr>
Table>Ireo toetra anankiroa sy toerana anampy ny lafiny havia / havanana (hspace) ary ambony / ambany (vspace) ny latabatra. Tokony hampiasa ny trano fananana ianao fa tsy.
Raha hametra ny habaka midadasika mankany amin'ny 20 pixels ary ny efamira horizontaly mankany amin'ny 40 pixels, soraty hoe:
style = "margin: 20px 40px;"
Ity latabatra ity dia manana tsipika 20 pixels ary tsipika 40 pixels. td>
Tr>
Table>Ny toetra dia boolean izay mamaritra hoe tokony hihodina eo amin'ny sisin'ny elanelan'ny reny na ny varavarankely ny ao anatin'ny latabatra na milahatra ny horonan-tsisin'ilay horonan-tsary. Raha tokony ho izany, dia tokony hamaritra ny endriky ny fifandraisana eo amin'ny cellule tsirairay amin'ny fampiasana ny CSS.
Mba hametrahana sehatra misy lahatsoratra maro tsy mihodina, soraty hoe:
style = "white-space: nowrap;" > Ity dia tsanganana misy tononkalo. Na dia mihoatra lavitra noho ilay fitahirizana aza ilay lahatsoratra dia tsy tokony hameno ny andalana manaraka, fa manery ny varavarankelin'ny tranonkala horonana horonan-tsary mba hijerena ny votoaty rehetra. Td>
Tr>
Table>Farany, ny toetoetrany dia mamaritra ny fomba tokony hampifanaraka ny ao anatin'ny sela tsirairay ao anatin'ny sela. Raha tokony ho an'ity toetra tsy mety ity, dia tokony hampiasa ny property CSS amin'ny efijery tsirairay tianao te hanova ny alimanakan'ny. Tsy ho hitanao ny fiantraikan'io fomba fanao io raha tsy ny habetsahan'ny sela no latsaky ny habaka ateraky ny sela hafa.
Mba hanerena ny sela hifanaraka amin'ny farany ambany (fa tsy miditra, toy ny default), soraty hoe:
Ity cell io dia lava kokoa noho ny an'ny sisa ary izany dia hanery ny haavony ho ambony kokoa. Noho izany dia ho hitanao fa ny cellule verticaire vertically à côté de la base. Td>
style = "vertical-align: bottom;" > Votoaty eo ambany. Td>
Votoatiny eo afovoany td>
Tr>
Table>