Les op HTML. it gearfoegjen fan sellen

De tafels yn de HTML - een hiel handig item. Mei harren kinne jo alles dwaan. Fansels, it wichtichste doel - it pleatsen fan ynformaasje yn in tabel. Mar de ûntwikkelders hokker websteeën hawwe gien fierder. Op in kear wie it hiel populêr te brûken op in tafel te meitsjen fan in side ramt. No professionals besykje net te dwaan.

Tables hawwe fûn harren brede tapassing fanwege it grutte tal attributen. Bygelyks, in tige nuttige eigenskip draaide kombinearjen rigen of kolommen.

Yntroduksje ta de Theory

Yn HTML, de Uny fan sellen bart troch middel fan twa attributes: colspan en rowspan. Se wurde opjûn foar de td tag.

Lit ús earst analysearjen de struktuer fan elke tafel, foardat wy ferdjipje har yn it ûnderwerp. Yn elke tabel is der in line, en dêryn - sel. Tink der om dat yn earste ynstânsje, alle tafels moat befetsje itselde oantal sellen.

De figuer hjirboppe oanjûn twa rigen en yn elk fan trije sellen. It is in mienskiplike tafel. As jo binne yn elts fak, typ in lytser oantal sellen, de tafel is "bewege út", allegearre sille net werjûn wurde korrekt.

HTML-Table: gearfoegje sellen fertikaal en horizontaal

Om in lytser tal sellen of snaren kinne brûkt wurde allinne as jo wat te fusearjen. Mar ynstee fan de wiske item yn it tichtst meiminske ta de top moatte jo oantsjutte in ekstra attribuut. As jo kombinearje de kolommen, dan de colspan, as de snaren, dan rowspan. De wearde fan in attribút jout it oantal items dat jo wolle fusearje.

Tink derom dat jo moatte opjaan it yn 'e tichtst elemint oan de top. Bygelyks, yn 'e figuer boppe, as jo woenen te kombinearjen de sel 1 en 2, moatte jo oantsjutte yn de sel 1 colspan skaaimerk mei in wearde fan twa. En wiskje de posysje nûmer 2 of 3, it makket neat út.

De ûnderste line is dat jo fertelle de sel hoefolle romte sil nimme. De standert wearde is 1.

Sellen sellen Fertikaal HTML-tafel fynt plak op it selde prinsipe. Simply beset romte wurdt beskôge as fertikaal. Sjoch figuer hjirûnder.

Hjir, de sel mei it nûmer 43 duorret twa snaren. Om dat dogge oantsjutte it predikaat rowspan. Just tocht oan:

• Row - rige.
• Col - column / kolom.
• Span - Association.

De makkers hawwe besocht te bringen de taal mooglik oan it minsklike, sadat ek sûnder witten is, koe ergens begripe.

Yn HTML, de Uny fan sellen kin dien wurde yn twa rjochtings: fertikaal en horizontaal. Om do dit, wy spesifisearje beide attribút.

De figuer boppesteande is krekt dat en oanjûn dat de feriening kin dwaan: rigen, kolommen, of beide rigen en kolommen.

HTML: gearfoegje sellen. foarbylden

Nim no mear komplekse foarbylden mylpeal op grutte tafels. Hjirûnder op de linker Stel de oarspronklike ferzje fan in regelmjittige tafel. In rjocht - in fariant mei in kombinaasje fan twa sellen yn de twadde rige. Sa dúdliker en makliker te fergelykjen de HTML-koade.

Jo kinne ek kombinearje de trije yn it sintrum fan 'e sel. Yn it earste gefal colspan attribút spesifisearret de sel №1. Dêrby wurdt de earste sil net feroare, en de twadde tafoege oan it colspan, gelyk oan trije.

As jo wolle fusearje alle sellen yn in rige nei in inkele, dan helje de fjouwer td yn it earst oanjaan colspan = '5'.

Sa't jo sjen kinne, yn feite, alles is simpel. Nothing yngewikkeld. It wichtichste is, foarsichtich, út de earste tiid te begripen al de falkûlen fan 'e tafels, en dan gjin problemen mei net ûntstean.

Tafel as in side ramt

Yn HTML, de Uny fan sellen wurdt net altyd brûkt foar regelmjittige tabellen mei de ynformaasje (yn Word of Excel). Website ûntwerpers faak, mar foardat de peilings hawwe brûkt se foar de opmaak fan siden.

Bygelyks, fine de opmaak fan de side. Dit ûntwerp - hiel ienfâldich en primitive. Mar jo kinne sjen litte it gebrûk fan feriening eksplisyt.

Der wie oarspronklik in tafel fan trije rigen fan twa sellen elk. Dan, om it logo fan 'e side, de twa sellen yn de earste rige binne kombinearre. De ûnderste line is itselde te dwaan om te fangen de "kelder".

Troch syn plak is it mooglik om eleminten fan foarmjouwing, en neat sil net ferlitte syn grinzen. Dit is in hiel handige en simpel. Dêrom, it wie sa populêr. No, it is rekommandearre om in div tag blokken.

konklúzje

En tink dat de HTML tafel sel gearfoegjen, kinne jo dwaan wat jo wolle. It alles hinget ôf fan wat jo wolle en hoe jo wolle regeljen is. Wichtich is dat net betize reitsje. As jo wolle meitsje in grutte tafel mei in grut oantal ferienings, it is rekommandearre om tekenje it allegear op in stikje papier of yn 'e Paint. Imposer begjinners it wurdt makliker.

As winst ûnderfining, dizze hannelingen kinne jo útfiere yn dyn holle maklik.