Rreshtimi i mesit horizontalisht html. Ushqimi i mesëm. HTML: ob'ednannya osredkiv. Aplikoni atë
tabelaËshtë më mirë të shikoni shembullin e një tabele të thjeshtë, kodi HTML për të cilin tregohet në Listimin 5.10.
Kjo është një tabelë, çdo kuti është e numëruar - do të jetë më e lehtë për ne t'jua japim. Në Fig. 5.2 Indikacionet siç shfaqen në dritaren e shfletuesit të internetit.
Tani le të shohim tabelën në Fig. 5.3.
Këtu mund të shohim një diskutim të disa prej atyre të mesit. Mund të shihet se mesi i memecëve ishin të zemëruar në një. Si mund të fitoni para?
Sidomos për këtë etiketë
Për të kombinuar një tufë mesi horizontalisht në një, ju duhet të prisni pjesë të tilla.
1. Gjeni etiketën HTML (
2. Futni atributin COLSPAN në atributin e ri dhe zgjidhni numrin e dhomave për të ngrënë, respektimin dhe më e rëndësishmja midis tyre.
3. Etiketat e gjallërisë (
Le t'i hedhim një sy tabelave 2 dhe 3 (ndarja e renditjes 5.10). Fragmenti i kodit i korrigjuar që krijon rreshtin e parë të kësaj tabele mund të gjendet në Listimin 5.11.
Pra, ne mund të krijojmë ato të mesme 4 + 5 dhe 12 + 13 + 14 + 15.
Kombinoni mesin vertikalisht në copa më të vogla. Boshti i mallit është i domosdoshëm për këtë vikonat.
1. Gjeni rreshtin (etiketën) në kodin HTML që përmban rreshtin e parë për të ngrënë (ndërsa i lëvizni rreshtat poshtë).
2. Gjeni etiketën në kodin e këtij rreshti (
3. Futni atributin ROWSPAN në atë të ri dhe caktoni fuqinë e tij mesjet e kombinuara, Me respekt dhe prioritet prej tyre.
4. Shikoni rreshtat e ardhshëm dhe hiqni etiketat prej tyre (
Ne kemi humbur konsolidojnë bizneset 1 dhe 6 të tabelës sonë. Listimi 5.12: Korrigjoni fragmentin e kodit HTML (korrigjoni rreshtin e parë dhe rreshtin tjetër).
Jemi jashtëzakonisht mirënjohës që pamë nga një rresht tjetër etiketën që krijon mesin e gjashtë, fragmentet e verës që bashkohen me mesin e parë.
Nina nuk ngec shumë shpesh. Sidoqoftë, më herët, gjatë zhvillimit të dizajnit tabelor të Uebit, ishte e rëndësishme të krijohej një tabelë pa rreth mesit të ngrënshëm. Pra, gjithsesi, ju nuk do të dini për të.
Mësimi 11.
Kombinimi i mesit të tabelës.
Në këtë mësim do të vazhdojmë të përfshijmë tabela dhe do të shikojmë dy atribute të tjera për etiketën <d>, të cilat tregojnë bindjen e mesit.Duke u mrekulluar me të vegjlit më poshtë, do të kuptoni se çfarë bindje ekziston.
Tabela është paraqitur me dorën e majtë dhe ka një strukturë normale. Në tabelën e djathtë në rreshtin e parë, dy mes janë të kombinuara me njëra-tjetrën, duke krijuar një vëllim të madh.
Konsolidimi i këtyre atributeve është pak më i rëndësishëm se konsolidimi i të tjerave. Atij vetë iu dha një mësim i thellë.
Atributi colspan.
atribut colspan Vikorist përdoret për të bashkuar qendrat horizontalisht. Vlera e atributit tregon numrin e meseve që mund të kombinohen në një.
Respekt! Është shumë e rëndësishme që sasia e mesit të përbashkët dhe bazë të një rreshti të jetë e barabartë me sasinë e mesit të një rreshti tjetër. Le t'i hedhim një sy prapanicës në të djathtë të tavolinës së vogëlushit të parë. Rreshti i sipërm përmban vetëm një grumbull të madh, i cili përbëhet nga dy primar, dhe rreshti i poshtëm përmban dy xhepa kryesorë.
Më poshtë është një version i kodit të shkruar saktë:
Shpjegimi para kodit:
Rreshti i sipërm <tr> Mund të ketë një mes <d>, për cilat receta atributi colspan vlerat zi 2
. Kjo do të thotë se kjo mes kombinon 2 mes, pra kjo mes zëvendëson 2 mes. Një rresht tjetër <tr> 2 maj primare të mesme <d>.
Rezulton se në rreshtin e sipërm kemi dy mes të ndërlidhura, dhe në rreshtin e poshtëm ka dy mesi kryesorë. Ky është shumë i vjetër dhe kodi është shkruar saktë.
Tani pjesa e pasme e kodit ka një shtrirje më të gjerë:
Shpjegimi para kodit:
Mëshira është se rreshti i parë <tr> hakmarrje jo dy mes <d>, dhe tre, në atë orë rreshti tjetër <tr> hakmarrje dy mes <d>.
Duke parë kodin, është vizualisht e qartë se numri i rreshtave të mesëm në rreshta është i njëjtë, vetëm numri i etiketave <d> megjithatë. Ale një nga etiketat <d> Mund të atribuojë colspan vlerat zi 2
Kjo do të thotë se ky një mes zë vendin e dy.
Atributi rowspan.
atribut gjatësia e rreshtave Vikorist përdoret për të lidhur qendrat vertikale. Parimi i veprimit është i njëjtë si në atribut colspan.
Shpjegimi para kodit:
Rreshti i sipërm <tr> ka tre mes <d> për njërin prej tyre atributin gjatësia e rreshtave vlerat zi 3
. Kjo do të thotë që kjo mes kombinon 3 mes (një atribut detyrë + 2 mesi vertikale të poshtme). Siç thashë tashmë, rreshti i parë ka 3 mese, që do të thotë se dy rreshtat e poshtëm janë gjithashtu përgjegjës për tre mes. Shikoni kodin, mi bachimo, dy rreshtat e poshtëm <tr> të lëngojë më shumë se dy herë <d>, por mos harroni se mesi i parë i rreshtit të sipërm ka zënë vendin e tij + një vend tjetër nga dy meset që janë poshtë tij. Kjo do të thotë që numri i meseve në lëkurë në rreshtin ngjitur është i barabartë me tre.
3.8. Kombinimi i mesit të tabelës
Në praktikë, ekziston një numër i madh tabelash, në të cilat njëra mesi përmban një numër mesash në lartësi dhe gjerësi (ndarja Fig. 3.2). Sistemet HTML përdorin atribute shtesë: colspan dhe rowspan. Atributi colspan tregon numrin e meseve që shtrijnë këtë mes horizontalisht, dhe shtrirjen e rreshtave - vertikalisht.
Në Fig. Figura 3.12 tregon një tabelë me mes të kombinuar. Kreu i tabelës është në rend, i cili përfshin të tre numrat në rresht. Vendosni dy qendra të tjera në tavolinë, secila prej të cilave bashkon dy qendrat vertikalisht. Kodi për një tabelë të tillë është dhënë në Listën 3.7.
I vogël 3.12. Tabela me mes të përbashkët
Listimi 3.7. Një shembull i zgjedhjes së atributeve të qendrës
Mesi kombinon të gjitha meset e rreshtit | ||
---|---|---|
Në mes për dy rreshta | E mesme 2x2 | E mesme 2x3 |
E mesme 3x2 | E mesme 3x3 | |
Në mes për dy rreshta | E mesme 4x2 | E mesme 4x3 |
E mesme 5x2 | E mesme 5x3 |