Kahe või enama lahtri ühendamiseks üheks kasutage märgendi atribuute colspan ja rowspan ... Atribuut colspan määrab lahtrite arvu horisontaalselt liitmiseks. Reaulatuse atribuut töötab sarnaselt, ainsa erinevusega, et see ulatub lahtritesse vertikaalselt. Enne atribuutide lisamist kontrollige iga rea ​​lahtrite arvu, et vältida vigade ilmumist. Niisiis, asendab kolm lahtrit, seega peaks järgmisel real olema kolm silti või selline konstruktsioon ...... ... Kui iga rea ​​lahtrite arv ei ühti, ilmuvad tühjad fantoomrakud. Näide 12.3 näitab küll kehtivat, kuid valet koodi, milles ilmneb sarnane tõrge.

Näide 12.3. Kehtetu lahtrite liitmine

Selle näite tulemus on näidatud joonisel fig. 12.5.

Riis. 12.5. Täiendava lahtri välimus tabelis

Näite esimesel real on kolm lahtrit, kaks neist ühendatakse atribuudi colspan abil ja teine ​​rida lisab ainult kaks lahtrit. See loob täiendava lahtri, mis kuvatakse brauseris. Seda on selgelt näha jooniselt fig. 12.5.

Näide 12-4 näitab colspan ja rowspan atribuutide õiget kasutamist.

Näide 12.4. Ühendage lahtrid vertikaalselt ja horisontaalselt

Selle näite tulemus on näidatud joonisel fig. 12.6.

Riis. 12.6. Tabel ühendatud lahtritega

Selles tabelis on kaheksa veergu ja kolm rida. Mõned lahtrid sõnadega "Internet Explorer", "Opera" ja "Firefox" on ühendatud, kus kaks ja kus kolm lahtrit. Vertikaalne liitmine rakendati lahtrisse "Brauser".

Ma ütlen teile üksikasjalikult ja üksikasjalikult, kuidas ühendada lahtreid vertikaalselt ja horisontaalselt tabelites.

Selles artiklis me ei selgita html -tabelite loomise põhimõtteid; nende teadmiste saamiseks võtke meie HTML -i kursus.

Tabeli lahtrite ühendamiseks on märgendile antud kaks atribuuti need on colspan (horisontaalne ühendus) ja ridaulatus (vertikaalne liitumine).

Mõnel inimesel on nende atribuutide kasutamisel raskusi, probleeme rakkude ühendamisega.

Atribuudid colspan ja rowspan võtavad parameetritena täisarvulisi väärtusi vahemikus 0 kuni 1000. Siin on väike näide sellest, kuidas saate tabeli lahtreid kombineerida.

Esmapilgul rakendatakse mitte väga keerulist struktuuri, kuid vaadates küllust ja koodi elemente on raske mõista, mis põhimõttel saate veel paar lahtrit ühendada.

Pakume teile mitmekülgset ja väga mugavat viisi rakkude ühendamiseks.

Alustuseks valmistage oma tulevase tabeli toorik ette, esitades selle koos kõigi lahtrite eraldamisega. See võib olla laud 3x3, 6x10 jne. Anname igale lahtrile oma numbri, alustades lugemist vasakult paremale ja ülevalt alla.

Analüüsime selle meetodi abil ülaltoodud tabeli loomist.

Nii näeb välja meie malli kood ja mall ise:

Peate horisontaalselt ühendama lahtrid numbritega 1,2,3. Selleks lisage koodi lahtrisse 1 atribuut colspan väärtusega 3. Ja eemaldage elemente numbritega 2 ja 3. Kirjutage saadud lahtrisse ühendatud lahtrite numbrid.

Nüüd peame lahtrid 9 ja 13 vertikaalselt ühendama. Teostame sarnast protseduuri - määrame atribuudi reaulatuse väärtusega 2 lahtri numbrile 9, kustutame lahtri numbrist 13, kirjutame lahtrite numbrid, millest see koosneb.

See muudab meie koodi ja tabeli välimust:

Jääb ühendada 11,12,15,16 rakku üheks. Selleks kirjutage lahtrisse 11 atribuudid colspan = "2" rowspan = "2". Me eemaldame koodist lahtrid 12,15,16. Kirjutame lahtrite kombineeritud numbrid 11,12,13,14.

See muudab meie koodi ja tabeli välimust:

See on kõik, saime algse tabeli, nüüd saab lahtrid täita teile sobiva teabega.

Loodame, et saate aru keerukate tabelite loomise põhimõttest, mis on seotud ühendatud lahtritega.

HTML -tabelitel on kaks funktsiooni. Esimene on tabelid ise, see tähendab teabe väljastamine tabeli kujul. Ja teine ​​on lehe paigutus. Eraldi sisutükid paigutatakse tabeli erinevatesse lahtritesse ja kuvatakse seega lehel õiges kohas.

Tabeli loomine

Vaatame, kuidas HTML -vormingus tabelit luua. Seda tehakse märgendi abil

lisab reale lahtri. Ärge unustage silte sulgeda. Näiteks loome järgmise tabeli: Selleks, et tabeli raamid oleksid nähtavad, lisage silt atribuut border oli määratud, kuid HTML5 tühistab selle atribuudi ja tühistab selle. Lisaks on raamidega töötamiseks ja tausta muutmiseks muid atribuute ning lahtritel on ka atribuudid sisu joondamiseks. Kõik need atribuudid on samuti aegunud, selle asemel tuleks kasutada stiile. Tabeli lahtrite ühendamine Tabeli lahtreid on võimalik ühendada üheks. Selleks märgend on colspan atribuut, mis ühendab sama rea ​​rakud, ja ridadevaheline atribuut, mis ühendab erinevate ridade rakud. Nende atribuutide väärtus on ühendatavate lahtrite arv. Loome sellise tabeli: Pange tähele, et tabeli teisel real asendab üks lahter kahe lahtri, seega on selle rea lahtrite koguarv väiksem kui teistel, antud juhul üks. Nüüd loome sellise tabeli: Täiendavad tabelisildid Lisaks siltidele, mida kasutasime, on ka silte, mida kasutatakse ka tabeli loomisel. - päise lahter. Tavaliselt leidub tabeli esimeses reas. Kasutatakse tabeli veeru nime loomiseks. Sildilt erineb ainult paksus kirjas ja keskel. - on sildi sees , lisab tabelile pealkirja. - sisaldab tabeli esimesi ridu konkreetse stiili tähistamiseks. Tabelis võib olla ainult üks selline silt. Selles sisalduvad read peavad algama esimesest reast. - sisaldab tabeli mitu rida konkreetse stiili tähistamiseks. Selliseid silte võib tabelis olla mitu. - sisaldab tabeli ridu, mis kuvatakse tabeli allosas. - määratleb tabeli ühe veeru stiili, alustades esimesest. See tähendab, et esimene selline silt määrab esimese veeru stiili, teine ​​märgend teise veeru jaoks jne. Töötab erinevates brauserites erinevalt. Sarnased artiklid Muu Tabeli kaugus lahtrite vahel Internet Php kõik muutujad. Muutujad PHP -s. Mis on ulatus Windows 8 Toiteallikate muutmine Windows 8 Kommentaarid HTML, CSS, PHP Turvalisus Näide: atribuudi border-collapse rakendamine Internet Kahemõõtmeline massiiv JavaScriptis Javascripti massiiv mitmemõõtmeline emaplaadid Piiride loomine CSS -is. Piiriomand. Topeltpiir CSS -i abil Kuidas teha äärist ühelt poolt emaplaadid CSS-i laiuse ja kõrguse parameetrid lehe html-elementide suuruse määramiseks Ja mis siis, kui emaelemendil on määratud atribuut min-height, mitte kõrgus Windows 7 Kuidas ripploendit html -is koostatakse? Soovitatav Windows 8 Kuidas css -i kõiki tähti suurtähtedena kasutada? Tere päevast, saidi loomise nipid. Tänases väljaandes käsitleme teksti sisu kujundamisega seotud teemat. Sellepärast sa ... Failide kaasamine PHP -sse kasutades kaasamist ja nõudmist Korpused Horisontaalsed ja vertikaalsed jooned HTML -is Muu Interneti -brauserite värskendamine uusimale versioonile Kuidas sülearvuti brauserit värskendada Turvalisus HTML -i õpetus. Rakkude ühendamine. Ühenda lahtrid Ühenda lahtrid horisontaalselt html Internet Kuidas koodi HTML -i kommentaare kirjutada? Windows 8 Galaxy A3 ei lae Samsung A3 ei lae Protsessorid Kuidas värskendada Samsung Galaxy püsivara Android 7.1 püsivara allalaadimine erinevatele. Android Nougati ülevaade - kõik saladused, nipid ja uued funktsioonid. Naasmine Androidi varasemale versioonile Mis on parem iPhone Samsung s7 Mida teha lukustatud nutitelefoniga pärast selle lähtestamist Kuidas Google'i konto kinnitamisest mööda minna Google Play tõrge „Teie seade ei toeta” Mis on S Voice'i programm Androidile? Mida teha, kui Google Play teenuseid ei saa Androidi installida? Huawei P8 - Tehnilised andmed Mobiilseadme raadio on sisseehitatud FM -vastuvõtja Huawei P8 - spetsifikatsioonid Teave muude oluliste ühendustehnoloogiate kohta, mida seade toetab Kuidas Samsungi taaskäivitada: külmumise meetodid ja ennetamine Android 7 uusim versioon Kuidas CyanogenModi oma Androidi ilma probleemideta installida. Cyanogenmod värskenduse allalaadimine ebaõnnestus Mida teha, kui Samsungi ekraanirakendus Touchwiz on peatatud Lülitage puudega rakendused sisse Samsungi nutitelefonide rea mõistmine Parim Samsungi nutitelefon Samsung Galaxy A7 ülevaade - parim keskklassi tippfunktsioonidega edukas koosseisu värskendus Samsungi a5 värskendus Privaatrežiimis samsung s5 mini unustas parooli Kella seadmine Androidi töölaual Aeg peatub Yandexi vidinal Autoriõigus 2021 - arvutite ja sülearvutite remont. Videokaardid, kõvakettad, Internet, monitorid.