Mësimi në HTML. bashkimi qelizave

Tabelat në HTML - një send shumë i dobishëm. Me to ju mund të bëni asgjë. Natyrisht, qëllimi kryesor - vendosjen e informacionit në një tavolinë. Por zhvilluesit e vendeve kanë shkuar më tej. Në një kohë ajo ishte shumë e famshme për të përdorur një tavolinë për të krijuar një kornizë faqe. Tani profesionistët janë duke u përpjekur të mos e bëjë këtë.

Tabelat kanë gjetur zbatimin e tyre të gjerë për shkak të numrit të madh të atributeve. Për shembull, një pronë shumë e dobishme u kombinuar radhë ose kolona.

Hyrje në teorinë

Në HTML, bashkimi i qelizave ndodh me anë të dy atributet: colspan dhe rowspan. Ato janë të specifikuara për tag DT.

Le të parë të analizuar strukturën e çdo tryezë, para se të gërmoj nëpër libra në këtë temë. Në çdo tryezë ka një linjë, dhe në të - qelizë. Mos harroni se në fillim, të gjitha tabelat duhet të përmbajë numrin e njëjtë të qelizave.

Shifra e mësipërme treguara dy rreshta dhe në secilin prej tre qelizave. Kjo është një tryezë të përbashkët. Nëse ju jeni në çdo kuti, shtypni një numër më të vogël të qelizave, tabela është "lëvizin jashtë", të gjithë nuk do të shfaqet si duhet.

HTML-Tabela: bashkojë qelizat vertikalisht dhe horizontalisht

Për të specifikuar një numër më të vogël të qelizave apo strings mund të përdoren vetëm nëse keni diçka për të bashkuar. Por në vend të sendit fshihet në fqinjin më të afërt në krye ju duhet të specifikoni një atribut shtesë. Nëse ju kombinoni kolona, atëherë colspan, nëse vargjet, atëherë rowspan. Vlera e një atribut tregon numrin e artikujve që ju duan të bashkohen.

Ju lutem vini re që ju duhet të specifikoni atë në elementin më të afërt në krye. Për shembull, në figurën e mësipërme, në qoftë se ju të kërkuar për të kombinuar qelizën 1 dhe 2, ju duhet të specifikoni në qelizë 1 colspan atribut me një vlerë prej dy. Dhe fshini pozicionin numrin 2 ose 3, kjo nuk ka rëndësi.

Shkarko fund është se ju tregoni qelizën se sa hapësirë që do të marrë. Vlera e parazgjedhur është 1.

Bashkojë qelizat vertikalisht HTML-tryezë zhvillohet në të njëjtin parim. Thjesht hapësirë e zënë do të konsiderohet si vertikalisht. Shih figurën më poshtë.

Këtu, qeliza me numrin 43 merr dy vargjet. Për ta bërë këtë, ju specifikoni rowspan atribut. Vetëm mend:

• Row - rresht.
• Col - column / kolona.
• Span - Association.

Krijuesit janë përpjekur për të sjellë e gjuhës të jetë e mundur për të njeriut, në mënyrë që edhe pa e ditur atë, mund të kuptojnë disi.

Në HTML, bashkimi i qelizave mund të bëhet në dy drejtime: vertikalisht dhe horizontalisht. Për ta bërë këtë, ne të specifikojë si atribut.

Shifra e mësipërme është vetëm se dhe deklaroi se shoqata mund të bëjë: rreshta, kolona, apo dy rreshta dhe kolona.

HTML: bashkojë qelizat. shembuj

Le të konsiderojmë shembuj më të ndërlikuar moment në tavolina të mëdha. Më poshtë në të majtë Vendosni versionin origjinal të një tryezë të rregullt. A drejtë - një variant me një kombinim të dy qelizave në rradhë të dytë. Pra, më të qartë dhe më të lehtë për të krahasuar HTML-kodin.

Ju gjithashtu mund të kombinohen tre në qendër të qelizës. Në rastin e parë atribut colspan specifikon qelizë №1. Këtu, për herë të parë do të jetë i pandryshuar, dhe e dyta shtuar në colspan, e barabartë me tre.

Nëse ju doni të bashkojë të gjitha qelizat në një rresht për një të vetme, atëherë hiqni katër TD në tregojë parë colspan = '5'.

Siç mund ta shikoni, në fakt, çdo gjë është e thjeshtë. Asgjë e komplikuar. Më e rëndësishmja, me kujdes, nga hera e parë për të kuptuar të gjitha kurthet e tabelave, dhe pastaj ka probleme nuk duhet të lindin.

Tabela si një kuadër vend

Në HTML, bashkimi i qelizave nuk është përdorur gjithmonë për tavolina të rregullta me informacionin (në Word ose Excel). Website designers shpesh, por para sondazhet kanë përdorur ata për paraqitjen e vendeve.

Për shembull, e konsiderojnë paraqitjen e faqes. Ky dizajn - shumë e thjeshtë dhe primitive. Por ju mund të tregojnë përdorimin e shoqatës në mënyrë eksplicite.

Nuk ishte fillimisht një tabelë prej tre rreshtat e dy qeliza secili. Pastaj, për të vendosur logon e faqes, dy qeliza në rreshtin e parë kanë qenë të kombinuara. Në fund të fundit është që të bëjë të njëjtën gjë për të akomoduar "bodrum".

Për shkak të vend të saj është e mundur për të vendosur elementet e projektimit, dhe asgjë nuk do të largohet nga kufijtë e saj. Kjo është një shumë i përshtatshëm dhe të thjeshtë. Prandaj, ajo ishte kaq popullore. Tani, ajo është e rekomanduar për të krijuar një blloqe tag div.

përfundim

Dhe mos harroni se shkrirja HTML qelizë tavolinë, ju mund të bëni çdo gjë që ju pëlqen. Ajo të gjitha varet nga ajo që ju doni dhe si doni të rregulluar atë. E rëndësishmja, mos merrni hutuar. Nëse ju doni të krijoni një tabelë të madhe me një numër të madh të shoqatave, ajo është e rekomanduar për të nxjerrë të gjitha në një copë letër apo në Paint. fillestar Imposer ajo do të jetë më e lehtë.

Kur përvoja fitim, këto operacione ju mund të kryejnë në kokën tuaj të lehtë.