Jużaw tabella HTML

HTML, hemm daqstant elementi, u kull wieħed minnhom huwa uniku fil-mod tagħhom. Tabella - interessanti ħafna, popolari u suġġett serju. Grazzi għall tagħha, inti ma tistax biss jipprovdu l-informazzjoni f'forma konvenjenti, iżda wkoll li jibni qafas sit.

Preċedentement, kważi kollha webmasters jużaw tabelli għal tqassim huwa siti. Inizjalment, it-tabella ma toħroġ bi. Għalhekk, irridu jużaw element blokk div biex jimmarkaw is-sit.

Jekk inti ma tridx li dejjem tibqa novizzi, jidraw immedjatament biex jagħmlu dak kollu korrett. Dan huwa importanti ħafna fil-HTML lingwa. It-tabella għandhom jitqiegħdu biss l-informazzjoni tas-soltu (test, links, listi, stampi, eċċ. P.), U mhux is-sit kollu kemm hi.

Kif tagħmel HTML tabella?

Tabella - element kumplessa li tikkonsisti f'numru kbir ta 'elementi oħra. Ftakar li meta jinħoloq l-ċelluli jew ringieli dejjem jeħtieġ immedjatament biex tpoġġi tikketta għeluq. Inkella se jtiru. Handler fil-browser se tfittex l-aħħar tal-element u, sakemm hu isibha, kollox se tkompli tinkludi fit-tabella. Ir-riżultat se jkun poriġ.

Jekk inti tikteb websajt fil- "notepad", allura kollox ser ikollhom jagħmlu bl-idejn tiegħu. Jekk fil-editur finali, normalment ikun hemm buttuna - "daħħal tabella", "daħħal immaġini" u l-bqija.

EŻEMPJU 2 Tabella 2.

test għall-ewwel linja ta 'l-ewwel ċellola

test tat-tieni linja ta 'l-ewwel ċellola

-test tal-ewwel ċellola tat-tieni ringiela

test tat-tieni ċellula tat-tieni ringiela

Tags u jindikaw il-bidu u t-tmiem tat-tabella. Tags u - il-bidu u t-tmiem tal-linja. Fl-istess linja jista 'jkun kull numru ta' ċelloli li huma definiti mill-tags u .

Ir-regola ewlenija hija: in-numru ta 'ċelluli f'kull filliera għandu jkun l-istess. Huwa tabella.

Iżda, bħal fil-Word u Excel editur, ċelluli jistgħu jiġu kkombinati ma 'xulxin.

Kif tikkombina ċelloli fit-tabella?

Li jgħaqqdu u l-użu Colspan Rowspan attributi. Ispan huwa tradott bħala "kopertura" jew "jikkoinċidu". It-tifsira litterali - biex tkopri / tagħlaq il-ċellula / filliera.

Il-valur ta 'dan l-attribut irid jispeċifika kemm fillieri jew ċelluli se tkun imblukkata. Dan li ġej huwa eżempju illustrattiv ta 'użu kemm HTML attributi fit-tabella.

F'dan l-eżempju, l-ewwel linja 3 pooled ċelluli li jużaw l-attribut colspan = "3". Imbagħad l-ewwel ċellola tat-tieni sekwenza stirata fid erba ringieli. Ftakar li stretch / jgħaqqdu biss fl-ewwel ċellola. -proprjetà tagħha hija mifruxa fuq. Dak kollu li jasal quddiem, mhux ser jiġu affettwati.

Jekk għandek 5 ċelluli inti tixtieq li jingħaqdu 2-4, imbagħad inti għandek bżonn biss fil-numru ta 'ċelloli 2 jispeċifika l-colspan attribut = "3".

Innota n-numru islott 9 fil-figura ta 'hawn fuq. miġbura hemmhekk minnufih u ċ-ċelloli u ringieli. Dawn l-azzjonijiet mhumiex projbiti.

Ħares lejn eżempju ieħor biex tikseb l-informazzjoni. Peress xi konfuż u attributi minflok ta 'ringieli ta' ċelluli kultant magħquda.

tabella Format

Ħu ordinarja, każ istandard ta HTML. Tabella Żewġ ringieli ta 'żewġ ċelloli kull wieħed.

tal-kodiċi se tkun kif ġej.

Kif tistgħu taraw, hemm ebda effetti. Inti tista 'żżid qafas, speċifika l-wisa' u għoli.

Tista 'wkoll jilagħbu ma' l-allinjament. Dan jista 'jiġi allinjati kemm-għoli u wisa'.

Tallinja biex jallinjaw orizzontalment, u valign - vertikali. Li tali riżultat.

Attributi jallinjaw u valign jistgħu jiġu applikati għall-linja kollha. Imbagħad l-ċelluli li huma se jkunu soġġetti għal dawn l-attributi.

Minbarra l-tikketta u , hemm tikketta addizzjonali . Fil-fatt huwa analogu ta ', iżda huwa użat biss fl-ewwel ringiela u huwa l-intestatura. Konvenzjonalment, it-test fil- hija ċċentrata u b'tipa grassa.

Kif biex jgħaqqdu stili it-tabella?

Bħal kull tags HTML, -tabella jista 'jiġi konvertit permezz ta' stili. Ikollok bżonn li jispeċifikaw il-fajl istil fir-ras jew stil lest (kif iddikjarat fir-ras).

...

">

tabella {

font-familja: Verdana, Arial, Helvetica, sans Serif;

kulur: # 000000;

}

.my_class

{

kulur: # 666666;

}

...

Jekk inti tispeċifika tabella, allura dan l-istil se japplikaw għall-tabelli kollha fuq il-paġna. Assolutament kulħadd. Iżda, jekk inti tuża l-tieni metodu, li tindika isem arbitrarja bit-tikka, allura dan l-istil jistgħu jiġu applikati għal kwalunkwe tabella mixtieq, filwaqt li ma jaffettwax l-oħra.

Jekk jogħġbok innota li l-klassijiet jistgħu jintużaw bħala tikketta għall-mejda u għal ċelloli speċifiku jew ringiela.

= " 100%" fruntiera = "1">

test tal-ewwel linja ta 'l-ewwel ċellola

test tat-tieni linja ta 'l-ewwel ċellola

-test tal-ewwel ċellola tat-tieni ringiela

test tat-tieni ċellula tat-tieni ringiela

Jekk l-istil tal-artist x'imkien żball, ir-riżultat mhux se tara. Jekk, madankollu, fl-istil hemm żbalji, iżda l-ismijiet huma l-istess, l-effett mhux se jkun. Kull comma jew kolon għandu rwol importanti.

attributi addizzjonali tabelli

Liema attributi jista 'jinkiteb fil-klassijiet istil? Hemm ħafna attributi li japplikaw speċifikament għat-tabelli. Ikkunsidra l-aktar bażika ta 'liema huma utli ħafna.

jallinjaw	Allinjament orizzontali
valign	Allinjament vertikali
isfond	isfond image fiċ-ċellola / tabella
bgcolor	Il-kulur fl-isfond tal -ċellula
bordercolor	tabella kulur qafas / ċelluli
għoli	għoli taċ-ċelluli
nowrap	Projbizzjoni test wrap fil string.
wisa	Il-wisa 'tal-ċellula / tabella

Kif tistgħu taraw, l-użu HTML fit-tabella tista 'tkun numru kbir ta' "għodda".

Beautiful maħluqa bl-użu tabelli HTML. eżempji

Minħabba l-istili inti tista 'toħloq varjetà ta' tabella sbieħ. Dan kollu jiddependi fuq liema u kif tixtieq. Huwa simili tisjir. L-ingredjenti huma l-istess, u aktar għażliet ħafna riċetti.

Kif tistgħu taraw, jekk inti tuża HTML tags, it-tabella tista 'tiġi ttrasformata lil hinn rikonoxximent. limiti possibbli determinat mill-immaġinazzjoni tiegħek.