Helitaanka jadwalka ugu badan ee jaantusyada HTML iyadoo la barto sifooyinka miiska
Qaababka miiska ee HTML waxay ku siinayaan xakameyn badan oo ka badan jadwallada HTML. Waxaa jira sifooyin badan oo la heli karo miisaska si ay uga dhigaan kuwo xiiso leh oo isbedelaya muuqaalka boggaaga.
Sifooyinka Xaqiiqeedyada HTML
In HTML5 element wuxuu isticmaalaa sifooyinka caalamka iyo hal sifo kale:. Oo waxay isbeddeshay in ay leedahay qiimaha 1 ama madhan (ie xadka = ""). Haddii aad rabto inaad bedesho ballaadhanka xadka, waa inaad isticmaashaa hantida CSS ee xuduudaha.
Fiiri hoosta si aad wax uga barato sifooyinka saxda ee HTML5.
Waxaa sidoo kale jira sifooyin dhowr ah oo ka mid ah HTML 4.01 tilmaamaya kaas oo noqdey mid aan horay loo arag HTML5:
- -Ku dar qalabka CSS-ka ee miiska TD iyo qodobyada TH.
- -Ku dar jarjar xayawaanka CSS-miiska saaran.
- -Wadelka CSS qaababka xuduudaha: madow; iyo qaabka xuduudaha miiska.
- -Wadelka CSS qaababka xuduudaha: madow; iyo qaabka xuduudaha ah ee ku saabsan qaybaha ku habboon ee miiska.
- -Inta, waa inaad qeexdid qaabka miiska miiska CAPTION ama miiskii oo dhan la dhigo shaxanka oo ku sharraxaya FIGCAPTION. Haddii kale, waxaad fududeyn kartaa qaab-dhismeedka miiska si aan loo baahnayn sharaxaad.
- -Ku dar hantida ballanta CSS.
Iyo hal sifo oo laga soo qaaday HTML 4.01 oo sidoo kale waa laga reebay HTML5.
Baro wax badan oo ku saabsan HTML 4.01 TABABARKA LABAAD.
- Isku toosi -Ku bedel hantida CSS.
Waxaa sidoo kale jira sifooyin dhowr ah oo aan ka mid ahayn hannaanka HTML.
Isticmaal sifooyinkan haddii aad ogtahay in daalacayaasha aad taageerto ay ku qaban karaan iyaga oo aanad dareen ku saabsan HTML sax ah.
- -Ku bedel midabkiisa asalka ah CSS.
- xudduudaha -Ku bedel midabka xuduudaha CSS-ka.
- bordercolorlight -Waxaad ku bedeshaa midabka xuduudaha CSS-ka ah.
- bordercolordark -Ka bedel Xadka Xudduudaha CSS-ka ah.
- cols - Maqnaanshaha sifaha this.
- dhererka -Ku bedel qiimaha CSS.
- -Ku bedel qiimaha hantida CSS.
- -Ku bedel qiimaha hantida CSS.
- -Kulalka CSS-ka bedel bedka bedka.
- -Ku hor maro hantida CSS-toosan.
Baro wax badan oo ku saabsan sifooyinka gaarka ah ee TABABARKA.
HTML5 TABABAR XARUNTA QIIMEYNTA
Sida aan kor ku soo sheegnay, waxaa jira hal sifo oo keliya, oo ka baxsan sifooyinka caalamka, taas oo ku ansaxaysa astaanta HTML5 TABLE: xadka.
Nooca xuduudaha waxaa loo isticmaalaa in lagu qeexo xuduudda miiska oo dhan iyo unugyada oo dhan. Waxaa jiray su'aal ka mid ah in lagu darayo faahfaahinta HTML5, laakiin waxay ku hadhay sababtoo ah waxay bixisay macluumaad ku saabsan qaabka miiska, ka sokow si fudud ujeedooyinka style.
Si loo daro sifududka xuduudaha, waxaad ku qiimaysaa qiimaha 1 haddii uu jiro xuduud iyo faaruq (ama ka tago sifooyinka) haddii aysan jirin. Dareemayaasha intooda badani waxay sidoo kale taageeraan 0 xuduudda, iyo qiimaha kale ee isku dhafan (2, 3, 30, 500, iwm) si ay u muujiyaan xuduudaha xudduudaha pixels, laakiin tani waa mid aan ka dhicin HTML5. Taa bedelkeeda, waa inaad isticmaashaa qaabka CSS xudduudaha si loo qeexo xuduudaha xuduudaha iyo qaababka kale.
Si aad u abuurto miis leh xuduud, qor:
border = "1" >
Tani waa jadwal leh xuduud
Waxaa jira HTML 4.01 sifooyinka kuwaas oo aan ka fogeyn HTML5. Haddii aad qorsheyneysid qorista dukumeentiga HTML 4.01, waxaad ku baran kartaa iyaga, haddii kale, waad iska indhatiri kartaa. Inta badan sifooyinkaasi waxay leeyihiin siyaabo kala duwan, kor lagu sharaxay.
Waxaan sharaxnaa sifooyinka elementka ee ku shaqeynaya HTML5 (iyo HTML 4.01). Tani waxay qeexaysaa sifooyinka TAB-ga ee ku shaqeynaya HTML 4.01, laakiin waa kuwo aan ku dhicin HTML5. Haddii aad weli qoreysid HTML 4.01 dukumiintiga, waxaad isticmaali kartaa sifooyinkaas, laakiin intooda badan waxay leeyihiin waxyaabo kale oo ka dhigaya boggagaaga mustaqbalka oo aan caddayn marka aad u guurto HTML5.
Xaqiiqooyin ah Valid HTML 4.01
Tilmaamaha aynu kor ku sharxnay.
Farqiga kali ee HTML 4.01 ee ka yimid HTML5 waa inaad sheegi kartaa dhammaan qaybaha (0, 1, 2, 15, 20, 200, iwm.) Si loo qeexo xuduudda xuduudda pixels.
Si aad miis u dhisto xadka 5px, qor:
xuduudaha = "5" >
Miiskani wuxuu leeyahay 5px xadka.
Eeg tusaale tusaalayaal ah laba xabbo oo xuduud ah.
Astaamaha wuxuu qeexayaa xadka u dhaxeeya xuduudaha unugyada iyo waxyaabaha ku jira unugyada. Badbaadinta waa laba pixel. Hoos u dhig taleefanka illaa 0 haddii aadan rabin meel bannaan oo u dhexeeya xuduudaha iyo xuduudaha.
Si aad u dajisid sheybaarka 20 illaa, qor:
= "20" >
Jadwalkani wuxuu heystaa gacanta 20-ka.
Xuduudaha gacanta ayaa kala soocaya 20 pixel.
Muuji tusaala ahaan miis u leh mashiinnada gacanta
Astaamaha wuxuu qeexayaa xajmiga booska u dhexeeya unugyada miiska iyo content cell. Sida lakala saaro, qiimaha ayaa lagu qiyaasaa laba pixels, sidaas darteed waa inaad u dhigtaa 0 haddii aadan rabin kala dheereyn unug.
Si aad uhesho kala soocida qolka miiska, qor:
cellspacing = "20" >
Jadwalkani wuxuu leeyahay gacanta gacanta oo ah 20.
Cells waxaa lagu kala saari doonaa 20 pixel.
Waxaad eegtaa miis ay ku jiraan moobiilka
Astaamaha ayaa tilmaamaya qaybo ka mid ah xudduudaha ku hareeraysan dibadda miiska ayaa la arki doonaa. Waxaad jadwalkaaga ku sameyn kartaa dhammaan afarta dhinac, dhinac kasta, sare iyo hoose, bidix iyo midig, ama midna.
Halkani waa HTML loogu talagalay miiska oo leh xuduudda dhinaca bidix oo kaliya:
border = "1" frame = "lhs" >
Miiskaan
wuxuu yeelan doonaa
kaliya ee
dhinaca bidix ee la qabadsiiyay.
Tusaale kale oo leh qaabka hoose:
frame = "hoos" >
Jadwalkani wuxuu leeyahay shax hoose oo hoose.
Ka fiiri jadwalka qaar leh muraayadaha
Qaabku wuxuu la mid yahay qaabka maskaxeed, kaliya wuxuu saameeyaa xuduudaha ku wareegsan unugyada miiska. Waxaad samayn kartaa xeerar ku saabsan dhammaan unugyada, inta u dhaxeysa iskuxiryada, u dhaxeeya kooxaha sida TBODY iyo TFOOT ama midna.
Si aad u dhisto miis leh xariiqyo oo u dhexeeya saf, qor:
sharciyo = "saf" >
Shaxdan 4x4 waxay leedahay
safka aan ku xirneyn
ayaa lagu qeexay
sharci u lahaanshaha.
Oo midba midka kale dameerihiisuu fiiriyaa,
xeerar = "cols" >
Tani waa
miiska
meeshii
columns
waa
muujiyay
Halkan waxaa ah tusaale tusaale ah oo miis leh xeerar
Astaamuhu wuxuu bixiyaa macluumaad ku saabsan miiska loogu talagalay akhristayaasha shaashadda iyo wakiillada kale ee isticmaala kuwaas oo laga yaabo inay dhibaato ka qabaan miisaska akhriska. Si aad u isticmaasho astaamaha kooban, waxaad qortaa sharaxaad kooban oo miiska ah oo ku dheji qiimaha astaamaha. Soo koobitaanku ma soo bandhigi doono bogga internetka ee daalacashada internetka caadiga ah.
Halkan waa sida loo qorayo miis siman oo kooban oo kooban:
kooban = "Tani waa miis tijaabo ah oo ku jira macluumaadka faylka. Ujeeddada miisaankani waa inuu soo bandhigo soo koobid." >
column 1 xariijin 1
column 2 xaraf 1
column 1 line 2
column 2 xaraf 2
Muuji jadwal kooban
Qaabkani wuxuu qeexayaa xajmiga miis ee labada pixel ama boqolkiiba halbeegga weelka. Haddii muraayada aan la dhigin, miisku wuxuu qaadanayaa oo kaliya meesha ugu badan ee loo baahan yahay si uu u muujiyo waxyaabaha ku jira, oo leh ballac ugu sareeya oo la mid ah ballaca waalidka.
Si aad u dhisto miis leh ballac gaar ah oo pixels, qor:
width = "300" >
Jadwalkani waa 80% oo ka mid ah weelka weelka uu ku jiro.
Iyo in la dhiso miis leh ballac leh oo ah boqolkiiba qaybta waalidka, qor:
width = "80%" >
Jadwalkani waa 80% oo ka mid ah weelka weelka uu ku jiro.
Eeg tusaale tusaale ah oo miis leh oo ballaaran leh
HTML 4.01 Qeexan TABSIGA
Waxaa jira hal sifo oo ah TABABBIRO oo laga reebo HTML 4.01 iyo wax ka baxsan HTML5: isku dheji . Tilmaamahani wuxuu kuu ogolaanayaa inaad dhigto meesha miiska lagu dhejin karo bogga ee ku xusan qoraalka ku yaala. Astaamahaan waxaa laga saaray HTML 4.01, waana inaad iska ilaalisaa isticmaalkeeda. Bedelkii, waa inaad isticmaashaa hantida CSS ama margin-bidix: baabuur; iyo margin-xaq: baabuur; qaababka. Guriga hantida wuxuu ku siinayaa natiijo udhaxeysa waxa sifo u dhigma ee la bixiyay, laakiin waxay saameyn kartaa habka qaybta kale ee bogga. Gaariga-xaq: baabuur; iyo bidix-bidix: baabuur; waa waxa ay W3C ku talinayso sidii wax kale.
Halkan waa tusaale tusaale ah oo la isticmaalayo sifo u dhiganta:
align = "right" >
Jadwalkani wuxuu ku habboon yahay isku habboon
Qoraalku wuxuu u socdaa dhinaca bidix
Eeg tusaale tusaaleyn ah adoo isticmaalaya sifo u dhiganta.
Iyo si aad u hesho saameyn isku mid ah (aan ahayn kuwa aan xayirnayn), qor:
< style style = "float: right;" >
Jadwalkani wuxuu ku habboon yahay isku habboon
Qoraalku wuxuu u socdaa dhinaca bidix
Waxyaabaha soo socda ayaa sharaxaya sifooyinka TABO oo aan ka mid ahayn hannaanka HTML.
Macluumaadkii hore ayaa sharaxaya sifooyinka HTML-ka ee ku shaqeynaya HTML 4.01 laakiin waa mid aan ku dhicin HTML5.
Kuwa soo socda ayaa sharaxaya sifooyinka TAB ee aan ku haboonayn wax kasta oo hadda jira. Haddii aadan ka warqabin in boggagaagu uu ansixiyo iyo isticmaalayaashaagu isticmaalaan browser ah oo taageera walxahan, markaa waxaad isticmaali kartaa waxyaabahaas. Laakiin badankoodu waa kuwo aan la taageereynin daalacashada casriga ah ama leh waxyaabo kale kuwaas oo ah heerar u qalma.
Kuma talineyno isticmaalka sifooyinkaasi ku yaal jadwalkaaga HTML.
Sifaxnimadu waa sifo qadiim ah oo lagu daray ka hor intaan CSS lagu taageerin. Waxay kuu ogolaaneysaa inaad bedesho midabka asalka ah ee miiska. Waxaad samayn kartaa magaca midabka ama code laba-gees ah. Qaabkani wuxuu wali ka shaqeeyaa badanaa daalacadlayaasha, laakiin HTML-ka aan la xaqiijin, waa inaadan isticmaalin, oo u adeegso CSS.
Beddelka ugu fiican ee sifo this waa hantida qaab.
Si aad u bedesho midabtakoorka miiska, qor:
style = "midabka asalka ah: #ccc;" >
Jadwalkani wuxuu leeyahay asal maasaar ah
Si la mid ah sifaha bgcolor, sifooyinka xuduudaha ayaa kuu ogolaanaya inaad bedesho midabka sifo. Astaamahaan waxaa kaliya oo lagu taageeraa Internet Explorer. Bedelkeed, waa inaad isticmaashaa hantida qaabka cagaarka ah.
Si aad u bedesho midabka miiska jadwalka, qor:
style = "midabka xadka: casaan;" >
Miiskani wuxuu leeyahay xuduudda cas.
Xudduudaha xuduudaha iyo sifooyinka xuduudaha waxay ku jiraan Internet Explorer si ay kuu oggolaadaan inaad abuurto xuduudda 3D oo ku wareegsan miiskaaga. Si kastaba ha noqotee, sida IE8 iyo kor, tan waxaa kaliya oo lagu taageeray IE7 Habka Habka iyo Moodle Mode . Microsoft wuxuu dhigayaa in guryahaas aan la taageerin.
Waqti gaaban, xayawaanku waxay ku xiran yihiin qaybta TABLE ayaa la soo jeediyey si ay uga caawiso dookhiyeyaashu inay ogaadaan inta le'eg miis fadhiya. Dhismuhu wuxuu ahaa in tani ay gacan ka geysan doonto dardar-gelinta miisaska waaweyn. Si kastaba ha ahaatee, waxaa kaliya oo lagu meelmariyey Internet Explorer, iyo sida IE8 iyo kor, tan waxaa kaliya oo lagu taageeray IE7 Heerka Mode iyo Moodle Mode.
Sababtoo ah waxaa jira sifo ballaadhan (oo aan ka dhicin HTML5) dad badan oo la maleynayo inay jiraan sifo dherer leh miisaska. Laakiin maaddaama miisasku waafaqsan yahay ballaadhka mawduucooda ama xajmiga loo yaqaan "CSS" ama "attribute width", dhererku ma noqon karo culays. Marka laga reebo, daalacayaashu waxay oggolaadeen sifaha height in ay qeexaan dhererka ugu yar ee miiska. Haddii miisku ka dheer yahay dhererkaas, waxay muujinaysaa dherer. Laakiin waa inaad isticmaashaa guriga
Iyada oo hantida qalabka CSS aad u adkeyn kartaa dhererka haddii aad isticmaasho hantida CSS iyo sidoo kale si loo qeexo waxa dhacaya wax kasta oo ka badan.
Si aad u sameyso dhererka ugu yar ee miiska, qor:
style = "height: 30em;" >
Shaxdani waa ugu yaraan 30 ems sare.
Labada sifo oo lagu darey dhinacyada dhinaca bidix / midig (hspace) iyo top / bottom (vspace) ee miiska. Waa inaad isticmaashaa hantida guriga.
Si aad u dajisid meesha tooska ah ilaa 20 pixels iyo meedka wareega illaa 40 pixels, qor:
< style style = "margin: 20px 40px;"
Miiskani wuxuu leeyahay 20 xabbo oo pixels ah iyo hpace 40 pixels ah.
Astaamaha waa sifo boolean ah oo qeexaya haddii waxyaabaha miiska saaran yahay ay ku duubi karaan qaybta waalidka ama daaqada ama xoog saarista xajmiga. Bedelkii, waa in aad qeexdo sifooyinka habdhismeedka unug kasta oo miiskeeda la adeegsanayo hantida CSS.
Si aad u samaysatid mid leh qoraalo badan oo aan ku duubin, qor:
style = "white-space: nowrap;" > Tani waa taxane leh tin content ah. Laakiin xitaa haddii ay ka ballaadhan tahay weelka, qoraalka waa inuusan ku duubin xariiqda xiga, laakiin taa bedelkeeda daaqadda browser ka dhigaysa in ay horay u socdaan si ay u arkaan dhammaan waxyaabaha.
Ugu dambeyntii, sifuhu wuxuu qeexayaa sida wax kasta oo unug kasta ah waa in si toos ah loogu dhexgalaa unugyada. Intii halkan laga isticmaali lahaa sifahaan, waa inaad u isticmaashaa hantida CSS-ga kasta oo aad rabto inaad bedesho isku-xidhka. Ma ogaan doontid saameynta qaabkan illaa maaddo unuggu ka yar yahay meel bannaan oo ay abuurtay unugyo kale oo waaweyn.
Si aad u xakameyso unug si aad ugu dhejiso xagga hoose (halkii aad ka ahayd dhexda, sida tan caadiga ah), u qor:
Unuggani wuu ka dheer yahay kuwa kale oo sidaas darted ayaa ku qasbi doona dhererka inuu noqdo mid dheer. Sidaas waxaad arki doontaa in unugyada vertical-ka oo isku xidhan ay hoos ugu dhejiyeen hoose.
style = "toosan oo isku dhejisan: hoos;" > Mawduuca ugu hooseeya.
Mawduucyada dhexe.