Դաս HTML: միաձուլման բջիջները

Սեղաններ են HTML - շատ հարմար նյութը: Նրանց հետ, դուք կարող եք անել մի բան: Իհարկե, հիմնական նպատակը - դնելով տեղեկատվություն մի սեղանի շուրջ: Բայց մշակողները կայքերի գնացել. Մի ժամանակ, որ դա եղել է շատ սիրված է օգտագործել սեղան է ստեղծել կայքի շրջանակ: Այժմ մասնագետներ փորձում են ոչ թե անել.

Սեղաններ գտել իրենց լայն կիրառումը, քանի որ մեծ թվով հատկանիշների. Օրինակ, շատ օգտակար գույքը շրջվել համատեղելով տողեր կամ սյուներ:

Ներածություն տեսության

HTML, միությունը բջիջների տեղի է ունենում միջոցով երկու հատկանիշների `colspan եւ rowspan. Նրանք են նշված է td թեգով:

Եկեք նախ վերլուծել կառուցվածքը յուրաքանչյուր սեղանին, նախքան մենք փորել դեպի թեմայի. Ամեն սեղանին կա մի տող, իսկ դրա - բջջային. Հիշել, որ ի սկզբանե, բոլոր սեղանները պետք է պարունակի նույն թվով բջիջների.

The գործիչ Վերը նշված երկու շարքերում եւ յուրաքանչյուր երեք բջիջների. Դա սովորական սեղան. Եթե դուք որեւէ վանդակում, մուտքագրել մի փոքր շարք բջիջների, սեղանի «տեղափոխել են», բոլորը չեն ցուցադրվի ճիշտ.

HTML սեղան: միաձուլել բջիջները ուղղահայաց եւ հորիզոնական

To նշեք մի փոքր շարք բջիջների կամ տողերի կարող է օգտագործվել միայն այն դեպքում, եթե դուք ինչ - որ բան է միաձուլել. Բայց ոչ թե ջնջված կետի մոտակա հարեւանի վերեւում դուք պետք է նշեք լրացուցիչ հատկանիշը: Եթե դուք համատեղել սյուները, ապա colspan, եթե տողերի, ապա rowspan. The արժեքը հատկանիշի ցույց է տալիս մի շարք իրեր, որ դուք ցանկանում եք միաձուլել.

Խնդրում ենք նկատի ունենալ, որ դուք պետք է նշեք այն մոտակա տարր է վերեւում: Օրինակ, որ գործչի վերը, եթե դուք ուզում համատեղել բջիջը 1 եւ 2, դուք պետք է նշեք, որ բջջային 1 colspan հատկանիշի հետ արժեքի երկու. Եւ ջնջել պաշտոնի թիվ 2 կամ 3, դա կարեւոր չէ.

Ներքեւի գծի այն է, որ դուք ասեք, որ բջիջը, թե որքան տարածք է այն կունենա: Լռակյաց արժեքը 1:

Merge բջիջները ուղղահայաց HTML սեղան տեղի է ունենում է նույն սկզբունքով: Պարզապես օկուպացված տարածք կհամարվի ուղղահայաց: Տեսնել պարզել ստորեւ.

Այստեղ է, որ բջջային համարի հետ 43 տեւում է երկու տողերի: Որպեսզի դա անել, դուք նշեք հատկանիշի rowspan: Պարզապես հիշում

• Տող - տող.
• Col - սյունակում / սյունակ:
• Span - ասոցիացիա.

Ստեղծողները փորձել են բերել լեզուն, ինչպես նաեւ հնարավոր է, որ մարդու, այնպես, որ նույնիսկ առանց իմանալու այն, կարող է ինչ-որ կերպ հասկանալ:

HTML, միությունը բջիջների կարող է կատարվել երկու ուղղություններով `ուղղահայաց եւ հորիզոնական: Որպեսզի դա անել, մենք նշեք, թե հատկանիշը:

The գործիչ Վերը նշված է միայն, որ, եւ հայտարարել է, որ ասոցիացիան կարող է անել: տողերի, սյուներ, կամ երկուսն էլ շարքերում ու սյուները.

HTML: միաձուլել բջիջները. օրինակները

Եկեք համարում ավելի բարդ օրինակներ ելակետի վրա մեծ սեղանների. Ստորեւ բերված է ձախ Սահմանել օրիգինալ տարբերակը կանոնավոր սեղանի շուրջ: A ճիշտ է, մի տարբերակն է մի համադրություն երկու բջիջների երկրորդ անընդմեջ: Այնպես որ, հստակ եւ ավելի հեշտ է համեմատել HTML- կոդ.

Դուք կարող եք նաեւ համատեղել երեքը կենտրոնում խցում. Առաջին դեպքում colspan ատրիբուտը սահմանում է բջիջը №1. Այստեղ է, որ առաջին կլինի անփոփոխ, իսկ երկրորդը ավելացվել է colspan, հավասար է երեքի:

Եթե դուք ուզում եք միաձուլել բոլոր բջիջների անընդմեջ միայնակ, ապա հանել չորս TD ի առաջին վկայում են colspan = '5'.

Ինչպես դուք կարող եք տեսնել, փաստորեն, ամեն ինչ շատ պարզ է: Ոչինչ չի բարդ է. Ամենակարեւորն այն է, ուշադիր, սկսած առաջին անգամ է հասկանալ բոլոր որոգայթներ են սեղանների, եւ ապա ոչ մի խնդիր չպետք է առաջանում:

Աղյուսակ որպես site շրջանակներում

HTML, միությունը բջիջների միշտ չէ, օգտագործվում է կանոնավոր սեղաններ տեղեկատվության (Word կամ Excel): Կայքը դիզայներները հաճախ, բայց մինչ հարցումները, որոնք օգտագործվում են նրանց համար դասավորությունը կայքերի.

Օրինակ, համարում է դասավորությունը կայքում. Այս դիզայն - շատ պարզ ու պրիմիտիվ: Բայց դուք կարող եք ցույց տալ օգտագործումը հետ բացահայտ:

Կար սկզբանե աղյուսակը երեք շարքերում երկու բջիջների յուրաքանչյուր. Այնուհետեւ, տեղադրել լոգոտիպը կայքի, երկու բջիջները առաջին շարքում են համակցված. Ներքեւի գծի այն է, նույնն անել տեղավորել է «նկուղ»:

Շնորհիվ իր տեղը, դա հնարավոր է տեղադրել տարրեր դիզայնի, եւ ոչինչ չի թողնում իր սահմանները: Սա շատ հարմար եւ պարզ: Հետեւաբար, այն էր, այնքան հայտնի. Այժմ, ապա խորհուրդ է տրվում ստեղծել մի div պիտակով նյութից.

եզրափակում

Եվ հիշեք, որ այդ HTML աղյուսակ բջջային միաձուլման, դուք կարող եք անել այն, ինչ ցանկանում եք: Այն ամենը կախված է նրանից, թե ինչ եք ուզում, եւ ինչպես դուք ուզում եք կազմակերպել այն: Կարեւոր է, չեն ստանում շփոթված: Եթե դուք ցանկանում եք ստեղծել մի մեծ սեղան է մի մեծ շարք ասոցիացիաների, ապա խորհուրդ է տրվում հրավիրել այն ամենը մի կտոր թղթի կամ ներկի. Պարտադրողի սկսնակների դա կլինի ավելի հեշտ է.

Երբ ձեռք բերել փորձ, այդ գործողությունները Դուք կարող եք կատարել ձեր գլխին հեշտությամբ.