Kennslustund á HTML. sameina frumur

Borðum í HTML - mjög vel atriði. Með þeim er hægt að gera neitt. Að sjálfsögðu megintilgangur - setja upplýsingar í töflu. En verktaki síður hafa farið lengra. Á einum tíma sem það var mjög vinsælt að nota töflu til að búa til síðuna ramma. Nú sérfræðingar eru að reyna að gera það ekki.

Töflur hafa fundið upp forrit sinn vegna fjölda eiginleika. Til dæmis, mjög gagnlegur eign breyst sameina raðir eða dálka.

Kynning á Theory

Í HTML, sammengi frumna á sér stað með tveimur eiginleikum: colspan og rowspan. Þeir eru tilgreind í TD merkinu.

Við skulum fyrst greina uppbyggingu hverri töflu, en við kafa inn efni. Í hvert borð er lína, og í henni - klefi. Mundu að í upphafi, öll borð verður að innihalda sama fjölda frumna.

Myndin hér að ofan til kynna tveimur röðum og í hverju þremur frumur. Það er sameiginlegt borð. Ef þú ert í einhverju kassi, tegund færri frumur, borðið er "flytja út", allir verða ekki birtar á réttan hátt.

HTML-Table: Sameina hólf lóðrétt og lárétt

Til að tilgreina færri frumur eða strengi eingöngu hægt að nota ef þú hefur eitthvað að sameinast. En í stað þess að eytt atriði í næsta nágranna á toppinn þarftu að tilgreina fleiri eiginleika. Ef þú sameina dálka, þá colspan, ef strengi, þá rowspan. Verðmæti eiginleiki gefur til kynna fjölda af hlutum sem þú vilt að sameina.

Vinsamlegast athugaðu að þú þarft að tilgreina það í næsta þætti á toppinn. Til dæmis, í myndinni hér að ofan, ef þú vildir að sameina klefi 1 og 2, þú þarft að tilgreina í reit 1 colspan eiginleiki með gildið af tveimur. Og eyða stöðu númer 2 eða 3, það skiptir ekki máli.

The botn lína er að þú látir klefanum hversu mikið pláss hún mun taka. Sjálfgefna gildið er 1.

Sameina hólf lóðrétt HTML-borð fer fram á sömu reglu. Einfaldlega uppteknum pláss verður talin lóðrétt. Sjá mynd hér.

Hér klefi með fjölda 43 tekur tvo strengi. Til að gera þetta, þú tilgreinir eigindi rowspan. Bara muna:

• Row - röðinni.
• Nið - dálki / dálk.
• Span - Association.

Skapari hafi reynt að koma tungumálið sem hægt er að mönnum, svo að jafnvel án þess að vita það, gæti einhvern veginn skilið.

Í HTML, verkalýðsfélag frumur er hægt að gera í tvær áttir: lóðrétt og lárétt. Til að gera þetta, tilgreina við bæði eiginleiki.

Myndin hér að ofan er bara það og fram að félagið getur gert: raðir, dálkar, eða bæði línur og dálka.

HTML: sameina frumur. dæmi

Leyfðu okkur að líta Flóknari dæmi tímamót á stórum borðum. Hér fyrir neðan á vinstri Setja upprunalegu útgáfuna af reglulegum töflunni. A réttur - afbrigði með blöndu af tveimur frumum í annarri röð. Svo skýrari og auðveldara að bera HTML-kóða.

Þú getur einnig sameinað þrjú í miðju frumunnar. Í fyrra tilvikinu colspan eiginleiki skilgreinir klefanum №1. Hér er fyrsti verður óbreytt, og annað bætt við colspan, jafnt þremur.

Ef þú vilt að sameina allar frumur í röð til að einn, þá fjarlægja fjögur TD í fyrsta kynna colspan = "5".

Eins og þú geta sjá, í raun, allt er einfalt. Ekkert flókið. Mikilvægast, vandlega, frá fyrsta skipti að skilja öll gildra af borðum, og þá engin vandamál ætti ekki að koma upp.

Tafla sem staður ramma

Í HTML, sammengi af frumum er ekki alltaf notað fyrir reglulega töflur með upplýsingum (í Word eða Excel). Website hönnuðir oft, en áður en kannanir hafa notað þá fyrir skipulag á síðum.

Til dæmis, íhuga skipulag á staðnum. Þessi hönnun - mjög einfalt og frumstæð. En þú getur sýnt notkun tengslum skýrt.

Það var upphaflega borð af þremur röðum af tveimur frumum hvert. Þá, til að setja merkið á síðuna hafa tvær frumur í fyrstu röðinni verið sameinuð. The botn lína er að gera slíkt hið sama til að rúma "kjallara".

Vegna stað þess að það er hægt að setja þætti hönnunar, og ekkert mun ekki yfirgefa takmörk hennar. Þetta er mjög þægilegt og einfalt. Því var það svo vinsæll. Nú er mælt með því að búa til div tag blokkir.

niðurstaða

Og mundu að HTML töflu klefi samruna, þú getur gert hvað sem þú vilt. Það fer eftir því hvað þú vilt og hvernig þú vilt að raða því. Vert, ekki fá rugla. Ef þú vilt búa til stór borð með fjölda samtaka, það er mælt með því að draga það allt á blað eða í Paint. Imposer byrjendur verður auðveldara.

Þegar öðlast reynslu, þessar aðgerðir er hægt að framkvæma í höfuðið auðveldlega.