Oppitunti HTML. solujen yhdistäminen

Taulukoiden HTML - erittäin kätevä kohde. Niiden avulla voi tehdä mitään. Tietenkin päätarkoitus - asettamalla tiedot taulukossa. Mutta kehittäjät sivustot ovat edenneet pidemmälle. Aikoinaan se oli hyvin suosittu käyttää taulukon luoda sivuston puitteet. Nyt ammattilaiset yrittävät olla tekemättä niin.

Taulukot ovat löytäneet laaja soveltaminen, koska suuri määrä ominaisuuksia. Esimerkiksi, on hyvin hyödyllinen ominaisuus kytketään yhdistämällä rivejä tai sarakkeita.

Johdatus teoria

HTML, liitto solujen tapahtuu kahdella ominaisuudet: colspan ja rowspan. Ne on määritelty TD-koodissa.

Tehkäämme ensin analysoida kunkin taulukon rakenne, ennen kuin kaivaa aiheeseen. Jokaisessa taulukossa on linja, ja se - solussa. Muista, että aluksi kaikki taulukot on oltava sama määrä kennoja.

Yllä olevassa kuvassa merkitty kaksi riviä ja kussakin kolme solua. Se on yhteinen pöytä. Jos olet jossakin ruutuun pienempi määrä soluja oleva taulukko "siirtää pois", kaikki eivät näy oikein.

HTML-Taulukko: yhdistää soluja pysty- ja vaakasuunnassa

Täsmentää pienempi määrä soluja tai merkkijonoja voidaan käyttää vain, jos sinulla on jotain yhdistää. Mutta sen sijaan, että poistetaan kohde naapuriin alkuun sinun tulee määritellä lisämääre. Jos yhdistää sarakkeet, sitten colspan, jos jouset, sitten rowspan. Asetusten arvoa ominaisuus ilmoittaa useita kohteita, jotka haluat yhdistää.

Huomaa, että sinun täytyy määrittää se lähimpään elementtiin huipulle. Esimerkiksi yllä olevassa kuvassa, jos halusi yhdistää kennon 1 ja 2, sinun täytyy määrittää solussa 1 colspan määrite, jonka arvo on kaksi. Ja poista asema numero 2 tai 3, sillä ei ole väliä.

Tärkeintä on, että kerrot solun kuinka paljon tilaa se vie. Oletusarvo on 1.

Yhdistää soluja pystysuoraan HTML-taulukko tapahtuu samalla periaatteella. Yksinkertaisesti miehitetyistä pidetään pystysuunnassa. Katso kuva alla.

Täällä, solu, jonka numero 43 vie kaksi merkkijonoa. Voit tehdä tämän, sinun määrite rowspan. Muistin juuri:

• Rivi - rivi.
• Col - sarake / sarake.
• Span - yhdistys.

Luojat ovat yrittäneet tuoda kieltä kuin mahdollista ihmisen, niin että jopa tietämättään, voisi jotenkin ymmärtää.

HTML, liitto soluja voidaan tehdä kahteen suuntaan: pysty- ja vaakasuunnassa. Voit tehdä tämän, meillä määrittää sekä määrite.

Yllä oleva kuva on juuri sitä, ja ilmoittanut, ettei liitto voi tehdä: rivit, sarakkeet, tai molempia rivejä ja sarakkeita.

HTML: yhdistää soluja. esimerkkejä

Mietitäänpä monimutkaisempia esimerkkejä virstanpylväs suuria taulukoita. Alla vasemmalla Aseta alkuperäisen version tavallinen taulukko. Oikea - muunnelma, jossa on kahden solujen toisessa rivissä. Joten selkeämpi ja helpompi verrata HTML-koodia.

Voit myös yhdistää kolme keskellä solun. Ensimmäisessä tapauksessa colspan attribuutti määrittää solun №1. Tässä ensimmäinen pysyy muuttumattomana, ja toinen lisätään colspan, joka on kolme.

Jos haluat yhdistää kaikki solut peräkkäin yhteen, poista neljä td ensimmäisessä osoittavat colspan = '5'.

Kuten näette, itse asiassa kaikki on yksinkertainen. Mitään monimutkaista. Tärkeintä käyttöön vain ensimmäistä kertaa ymmärtää kaikki karikot taulukoiden ja sitten mitään ongelmia ei pitäisi syntyä.

Taulukko alueeksi puitteet

HTML, liitto solujen ei aina käytetä säännöllisesti taulukoita tiedot (Word tai Excel). Verkkosivuilla suunnittelijat usein, mutta ennen gallupit ovat käyttäneet niitä asettelua sivustoja.

Otetaan esimerkiksi ulkoasu sivuston. Tämä muotoilu - hyvin yksinkertainen ja alkeellinen. Mutta voit näyttää käytöstä yhdistyksen nimenomaisesti.

Oli alun perin pöytä kolmesta rivistä kaksi solua kohden. Sitten sijoittaa logon sivuston, kahden solun ensimmäisellä rivillä on yhdistetty. Tärkeintä on tehdä samoin sijoittaa "kellarissa".

Koska sen paikka on mahdollista sijoittaa osien suunnittelun, ja mikään ei jätä rajansa. Tämä on erittäin kätevä ja yksinkertainen. Siksi oli niin suosittu. Nyt on suositeltavaa luoda div tagin lohkoja.

johtopäätös

Ja muista, että HTML taulukon solun yhdistäminen, voit tehdä mitä haluat. Kaikki riippuu siitä, mitä haluat ja miten haluat järjestää sen. Tärkeää on, eivät saa sekoittaa. Jos haluat luoda suuri taulukko, jossa on suuri joukko yhdistyksiä, on suositeltavaa tehdä sen kaiken paperille tai Paint. Imposer aloittelijoille se on helpompaa.

Kun saada kokemusta, nämä toiminnot voit suorittaa oman pään helposti.