Samun mafi kyawun launi na HTML ta hanyar koyo ɗakin allon
HTML launi halaye ba ku mai yawa fiye da iko a kan HTML Tables. Akwai halayen halayen da ake samuwa a kan teburin don sa su da ban sha'awa kuma canza dabi'ar shafinku.
HTML TABLE Abubuwan Haɗi
A cikin HTML5 kashi yana amfani da halayen duniya da kuma wani sifa guda daya:. Kuma ya canza don kawai yana da darajar 1 ko komai (watau iyakar ko ""). Idan kana so ka canza iyakar iyakokin, ya kamata ka yi amfani da dukiyar CSS mai iyaka.
Dubi ƙasa don koyi game da aikin HTML5 mai aiki na halayen.
Har ila yau, akwai wasu halayen da suke cikin ɓangaren HTML 4.01 da ya zama wanda ba shi da amfani a cikin HTML5:
- -Ya sanya dukiya a CSS a kan tebur na TD da TH.
- -Ya sanya wa'adin CSS mallakar iyaka a kan tebur.
- -Use CSS styles iyaka-launi: baki; da kuma kan iyaka a kan tebur.
- -Use CSS styles iyaka-launi: baki; da kuma kan iyakar iyaka a kan abubuwan da suka dace da tebur.
- -Idan ya kamata, ya kamata ka bayyana yadda tsarin tebur ya kasance a CAPTION ko sanya dukkan tebur a cikin hoto da kuma bayyana shi a cikin wani FIGCAPTION. A madadin, za ku iya sauƙaƙe tsarin da teburin don haka babu wani bayani da ake bukata.
- -Sufa dukiyar da ke cikin CSS.
Kuma wani sifa da aka ɓrecated a cikin HTML 4.01 kuma shi ne m a HTML5.
Ƙara koyo game da abubuwan halayen TABLE 4.0 4.0.
- Daidaita -Ya sanya dukiyar gefen CSS a maimakon.
Har ila yau, akwai halayen da ba su da wani ɓangare na ƙayyadaddun HTML.
Yi amfani da waɗannan halayen idan kun san cewa masu bincike da kuke goyan baya zasu iya karɓar su kuma ba ku damu game da HTML mai mahimmanci.
- -Ya sanya CSS dukiya-launi a maimakon.
- bordercolor -Sai da CSS dukiya iyakar launi a maimakon.
- yankin iyakoki -Ya sanya alamar launi na CSS a maimakon.
- bordercolordark -Ya sanya CSS mallakar iyakar launi a maimakon.
- cols - babu wani madadin wannan nau'in.
- tsawo -Ya sanya CSS dukiya tsawo a maimakon.
- -Ya sanya yanki CSS a maimakon.
- -Ya sanya yanki CSS a maimakon.
- -Ya sanya kayan CSS masu farin-sarari maimakon.
- -Iyi amfani da kayan CSS a tsaye-daidaita a maimakon.
Ƙara koyo game da Bincike na Musamman TABLE.
Siffofin HTML5 TABLE Abubuwa
Kamar yadda muka ambata a sama, akwai nau'i guda ɗaya, bayan halayen duniya, wanda yake aiki a kan batun HTML5 TABLE: iyakar.
Ana amfani da sifofin iyaka don ƙayyade iyakar kewaye da dukan tebur da dukan kwayoyin cikin ciki. Akwai wasu tambayoyi game da ko za a haɗa su a cikin ƙayyadaddun HTML5, amma ya kasance saboda ya ba da bayani game da tsarin tsarin, ba tare da abubuwan da suka shafi rayuwa ba.
Don žara sifofin iyakokin, ka saita darajar zuwa 1 idan akwai iyaka da komai (ko barin haɓaka) idan babu. Yawancin masu bincike za su goyi bayan 0 don ba iyakoki, da kowane adadin lamba (2, 3, 30, 500, da dai sauransu) don bayyana iyakar iyakokin a cikin pixels, amma wannan ba shi da ƙarfi a cikin HTML5. Maimakon haka, ya kamata ka yi amfani da kaddarorin Yankin CSS don ƙayyade iyakar iyakar da sauran sassan.
Don ƙirƙirar tebur tare da iyaka, rubuta:
< iyakar layin iyakar = "1" >
Wannan tebur ne tare da iyakar
Akwai HTML 4.01 halayen da basu da mahimmanci a cikin HTML5. Idan kuna shirin yin rubutun HTML 4.01 takardun, za ku iya koya musu, in ba haka ba, za ku iya watsi da su. Mafi yawan waɗannan halayen suna da zabi, aka bayyana a sama.
Mun bayyana siffofin nauyin da ke aiki a cikin HTML5 (da HTML 4.01). Wannan ya bayyana abubuwan da ke cikin TABLE waɗanda suke da inganci a HTML 4.01, amma sunyi tsauri a cikin HTML5. Idan har yanzu kuna rubuta HTML 4.01 takardun, za ku iya amfani da waɗannan halayen, amma mafi yawansu suna da wasu da za su sa shafukanku su kasance gaba-gaba don tabbatar da lokacin da kuka matsa zuwa HTML5.
Shafin HTML 4.01 Harkokin
Alamar da muka bayyana a sama.
Bambanci kawai a cikin HTML 4.01 daga HTML5 shi ne cewa zaka iya saka duk lamba (0, 1, 2, 15, 20, 200, da dai sauransu) don ayyana iyakar iyaka a cikin pixels.
Don gina tebur tare da iyakar 5px, rubuta:
< iyakar launi = "5" >
Wannan tebur yana da iyakar 5px.
Dubi misali na tebur biyu tare da iyakoki.
Sakamakon yana nuna yawan sararin samaniya tsakanin iyakoki na wayar da abun ciki na tantanin halitta. A tsoho ne nau'i biyu. Saita wayar salula zuwa 0 idan ba za ka sami sarari tsakanin abun ciki da iyakoki ba.
Don saita cell padding zuwa 20, rubuta:
cellpadding = "20" >
Wannan tebur yana da cellpadding na 20.
Za'a rabu da iyakokin sassan layi na 20 pixels.
Dubi misali na tebur tare da cellpadding
Sakamakon yana nuna adadin sararin samaniya a tsakanin teburin salula da tantanin halitta. Kamar cellpadding, an saita tsoho zuwa biyu pixels, saboda haka dole ne ka saita shi zuwa 0 idan kana so ba yada tantanin halitta.
Don ƙara sashi na cell zuwa tebur, rubuta:
cellpacing = "20" >
Wannan teburin yana da kwayar halitta na 20.
Za'a rabu da salula ta 20 pixels.
Dubi tebur tare da kullun
Alamar tana gano wane ɓangaren iyakar kewaye da tebur zai kasance bayyane. Zaka iya tayar da teburinka a kowane bangarori huɗu, kowane gefe, sama da ƙasa, hagu da dama, ko a'a.
A nan ne HTML don tebur tare da iyakar gefen hagu:
frame = "lhs" >
Wannan tebur
za su sami
kawai
hagu na gefen hagu.
Kuma wani misali tare da alamar kasa:
frame = "a kasa" >
Wannan tebur yana da ƙira a kasa.
Bincika wasu tebur da ginshikan
Sakamakon yana kama da siffar frame, kawai tana rinjayar iyakoki kewaye da kwayoyin launi. Zaka iya saita dokoki akan dukkanin sel, tsakanin ginshiƙai, tsakanin kungiyoyi kamar TBODY da TFOOT ko a'a.
Don gina tebur tare da layi kawai tsakanin layuka, rubuta:
dokoki = "layuka" >
Wannan tebur 4x4 yana da
layuka ba ginshikan ba
kayyade tare da
alamar ka'idar.
Kuma wani tare da layin tsakanin ginshiƙai:
dokoki = "yankuna" >
Wannan shi ne
tebur
inda
ginshikan
su ne
haskaka
Ga misali na tebur tare da dokoki
Sakamakon yana ba da bayani game da tebur don masu karatu da kuma wasu masu amfani da masu amfani waɗanda zasu iya samun matsala ga launi. Don amfani da sifa na taƙaitacce, sai ku rubuta wani taƙaitaccen bayani game da tebur kuma ku sanya shi a matsayin darajar mahadar. Binciken ba zai nuna a shafin yanar gizo a cikin mafi yawan masu bincike na intanit ba.
Ga yadda za a rubuta rubutu mai sauƙi tare da taƙaitaccen bayani:
= "Wannan shi ne samfurin samfurin wanda ya ƙunshi bayanin filler. Dalilin wannan teburin shine ya nuna alaƙa." >
shafi 1 jere 1
shafi 2 jere 1
shafi na 1 jere 2
shafi 2 jere 2
Dubi tebur tare da taƙaitaccen bayani
Sakamakon yana nuna nisa daga cikin tebur a ko dai pixels ko a matsayin kashi na ɓangaren akwati. Idan ba a saita nisa ba, teburin zai dauki nauyin sararin samaniya kamar yadda yake buƙatar nuna abinda ke ciki, tare da iyakar nisa daidai da nisa na mahaifa.
Don gina tebur tare da wasu nisa a cikin pixels, rubuta:
launi = "300" >
Wannan tebur yana da 80% na nisa daga cikin akwati yana cikin.
Kuma don gina tebur tare da nisa wanda shine kashi na iyayen mahaifa, rubuta:
launi = "80%" >
Wannan tebur yana da 80% na nisa daga cikin akwati yana cikin.
Dubi misali na tebur da nisa
Abubuwan da aka lalata HTML 4.01 TABLE Attribute
Akwai sifa daya daga cikin TABLE guda da aka lalata a cikin HTML 4.01 da kuma tsofaffi a cikin HTML5: daidaitawa . Wannan halayen zai baka damar saita inda za'a kamata a yi tebur a shafi na shafi da rubutu da ke kusa da shi. An lalata wannan sifa a cikin HTML 4.01, kuma ya kamata ka kauce wa yin amfani da shi. Maimakon haka, ya kamata ka yi amfani da dukiyar CSS ko hagu-hagu: auto; da gefe-dama: auto; styles. Gidajin float yana ba ku sakamakon da ya fi kusa da abin da ya dace da halayen da aka bayar, amma zai iya rinjayar hanyar sauran bayanan shafin. A gefen dama-dama: auto; da gefe-hagu: auto; abin da W3C ya ba da shawarar a matsayin madadin.
A nan ne misalin misalan ta amfani da alamar halayen:
align = "dama" >
Wannan tebur daidai ne mai haɗawa
Rubutu yana gudana kewaye da shi zuwa hagu
Dubi misali mai ɓoye ta yin amfani da alamar align.
Kuma don samun irin wannan tasiri tare da inganci (wanda ba a ɓoye) HTML ba, rubuta:
< salon launi = "taso kan ruwa: dama;" >
Wannan tebur daidai ne mai haɗawa
Rubutu yana gudana kewaye da shi zuwa hagu
Wadannan suna bayyana abubuwan halayen TABLE waɗanda ba su da wani ɓangare na ƙayyadaddun HTML.
Bayanin da ya gabata ya bayyana alamomi na HTML waɗanda suke da inganci a cikin HTML 4.01 amma basu da mahimmanci a HTML5.
Wadannan suna bayyana TABLE abubuwan halayen da ba su da inganci a kowane halin bayani na yanzu. Idan ba ka damu ba ko shafukanka suna tabbatar da kuma masu amfani da kake amfani da mai bincike da ke tallafa wa waɗannan abubuwa, to, zaka iya amfani da waɗannan abubuwa. Amma mafi yawansu ba su da tsayayye a cikin bincike na zamani ko suna da wasu hanyoyin da suka dace.
Ba mu bayar da shawarar yin amfani da waɗannan halayen a kan matakan HTML ba.
Alamar ita ce tsohuwar haɗin da aka haɗa kafin CSS ya goyi bayan yadu. Yana ba ka damar canza launin launi na tebur. Zaka iya saita sunan launi ko lambar hexadecimal. Wannan sifa yana aiki a yawancin masu bincike, amma ga HTML wanda aka tabbatar, kada kayi amfani da shi, kuma kayi amfani da CSS maimakon.
Mafi mahimmanci ga wannan sifofin shine kayan kayan kayan.
Don canja launin launi na tebur, rubuta:
< salon launi = "launi-launi: #ccc;" >
Wannan tebur yana da launin toka baya
Hakazalika da alamar bgcolor, sifa na iyakoki na baka damar canza launi na alamar. Wannan alamar yana taimakawa ta hanyar Internet Explorer. Maimakon haka, ya kamata ka yi amfani da dukiyar launi na launi.
Don canza launin layin iyakokinku, rubuta:
style = "iyakar launi: ja;" >
Wannan tebur tana da iyakar launi.
Yankin iyakoki da iyakoki na iyakoki sun haɗa a cikin Internet Explorer don ba ka damar kirkirar iyakokin 3D a kusa da tebur. Duk da haka, kamar yadda IE8 da sama, ana goyon bayan wannan ne kawai a IE7 Standards Mode da Quirks Mode . Microsoft ya furta cewa waɗannan kaddarorin ba su da goyan baya.
Don ɗan gajeren lokaci, an ba da mahaukaci a kan TABLE elementar don taimakawa masu bincike su san yawancin ginshiƙan tebur. Dalilin shi ne cewa wannan zai taimaka wajen sauke manyan launi. Duk da haka an yi amfani da shi ne ta hanyar Internet Explorer, kuma kamar yadda IE8 da sama, ana tallafawa wannan ne kawai a IE7 Standards Mode da Quirks Mode.
Saboda akwai nau'in nisa (wanda ba a cika ba a cikin HTML5) mutane da yawa sun zaci akwai wata ma'ana mai mahimmanci ga teburin. Amma saboda Tables sun dace da nisa daga cikin abubuwan da suke ciki ko ƙididdiga da aka tsara a cikin CSS ko sifofin nisa, ba za a iya ƙarfafa tsawo ba. Saboda haka a maimakon haka, masu bincike sun yarda da halayen tsawo don ƙayyade matsayi mafi tsawo na tebur. Idan teburin ya fi tsayi fiye da wannan tsawo, zai nuna nisa. Amma ya kamata ka yi amfani da dukiya
Tare da ƙananan kayan CSS za ka iya ƙuntata tsawo idan ka yi amfani da dukiyar CSS da kuma ƙayyade abin da ke faruwa tare da duk wani abu mai wuce haddi.
Don saita ƙananan tsawo a kan tebur, rubuta:
< style style = "tsawo: 30m;" >
Wannan teburin yana da akalla 30 hamsin high.
Abubuwan halayen biyu da wuri da aka haɓaka a gefen hagu / dama (hspace) da kuma saman (kasa) na tebur. Ya kamata ku yi amfani da dukiyar kayan kayan maimakon.
Don saita wuri a tsaye zuwa 20 pixels da sararin kwance zuwa 40 pixels, rubuta:
< style style = "gefe: 20px 40px;"
Wannan tebur yana da layin na 20 pixels da kuma hspace na 40 pixels.
Sakamakon shine nau'in haɓaka wanda ya ƙayyade ko abin da ke cikin tebur ya kamata ya kunsa a gefen iyakar mahaifa ko taga ko tilasta gungumen kwance. Maimakon haka, ya kamata ka ayyana siffofin layi na kowanne tebur ta amfani da dukiyar CSS.
Don yin shafi da yawa rubutu ba a kunsa ba, rubuta:
style = "farar fata-sarari: cirewa;" > Wannan shafi ne tare da tarin abun ciki. Amma ko da yake ya fi fadi fiye da akwati kada rubutu ya kunsa zuwa layin gaba, amma a maimakon haka ya tilasta maɓallin binciken don gungurawa a fili don ganin dukan abubuwan ciki.
A ƙarshe, ma'anar ta bayyana yadda abun ciki na kowane tantanin halitta ya dace a tsaye a cikin tantanin halitta. Maimakon wannan halayen maras kyau, ya kamata ka yi amfani da dukiyar CSS a kan kowane tantanin da kake so ka canza jigon. Ba za ku lura da sakamakon wannan salon ba sai dai injin salula ya kasa ƙasa da sararin samaniya wanda wasu suka fi girma.
Don yin amfani da tantanin halitta don daidaitawa zuwa kasa (maimakon tsakiyar, azaman tsoho), rubuta:
Wannan tantanin halitta yana da tsawo fiye da sauran kuma don haka zai tilasta tsawo ya zama tsayi. Saboda haka zaka ga cewa tantanin halitta mai haɗin kai yana haɗa zuwa kasa.
style = "a tsaye-align: kasa;" > Abubuwan da ke ƙasa.
Abubuwan da ke tsakiyar.