HTML පාඩම. ඒකබද්ධ කිරීමේ සෛල

මෙම HTML හි ඇති වගු - ඉතා ප්රයෝජනවත් අයිතමය. ඔවුන් සමඟ ඔබ ඕනෑම දෙයක් කරන්න පුළුවන්. ඇත්ත වශයෙන්ම, ප්රධාන අරමුණ - මේසයක් තොරතුරු පැවැසීය. නමුත් වෙබ් අඩවි සංවර්ධකයින් දුර ගොස් ඇත. එක් යුගයක දී එය අඩවිය රාමුවක් නිර්මාණය කිරීම මේසයක් භාවිතා කිරීමට ඉතා ජනප්රිය විය. දැන් වෘත්තිකයන් එසේ කිරීමට නොහැකි උත්සාහ කරනවා.

වගු නිසා ගුණාංග ද විශාල පිරිසක් ඔවුන්ගේ පුළුල් අයදුම් සොයාගෙන ඇත. උදාහරණයක් ලෙස, ඉතා ප්රයෝජනවත් දේපල පේළි හෝ තීරු ඒකාබද්ධ හැරී.

න්යාය හැඳින්වීම

colspan හා rowspan: HTML හි, සෛල සමිති ගුණාංග දෙකක් මගින් සිදුවේ. ඔවුන් TD ටැගය සඳහා නිශ්චිතව දක්වා ඇත.

අපි මාතෘකාව අධ්යයනය කිරීමෙන් පෙර අපි මුලින්ම, එක් එක් වගුවේ ව්යුහය විශ්ලේෂණය කරමු. සෛල - සෑම වගුවේ රේඛාවක්, සහ එය නැත. මුලින්, සියලු මේස සෛල සංඛ්යාව සමාන අඩංගු විය යුතුය බව මතක තබා ගන්න.

ඇඟවුම් පේළි දෙකක් ඉහත සහ සෛල තුනක් එක් එක් චරිතයක්. එය පොදු මේසයක්. ඔබ යම් කොටුව තුළ නම්, සෛල කුඩා අංකය ටයිප් කරන්න, මේසය සියලු නිවැරදිව ප්රදර්ශනය විය නොහැකි, "ඉවත්" වේ.

HTML-වගුව: සිරස් අතට සෛල ඒකාබද්ධ හා තිරස්ව

නියම කිරීමට සෛල හෝ නූල් කුඩා අංකය ඒකාබද්ධ කිරීමට යමක් වේ නම් පමණක් භාවිතා කළ හැක. එහෙත් ඒ වෙනුවට ළඟම අසල්වැසියා මකා දමන අයිතමය ඔබ අතිරේක විශේෂණය නියම කිරීමට අවශ්ය මුලට. ඔබ තීරු ඒකාබද්ධ නම්, colspan, නූල්, එවිට rowspan නම්. විශ්ලේෂණයක් වටිනාකම ඔබ ඒකාබද්ධ කිරීමට අවශ්ය බව භාණ්ඩ සංඛ්යාව දක්වයි.

ඔබ ඉහළට ළඟම අංගයක් එය නියම කිරීමට අවශ්ය බව කරුණාවෙන් සලකන්න. උදාහරණයක් ලෙස, ඉහත සඳහන් රූපය, ඔබ සෛල 1 සහ 2 ඒකාබද්ධ කිරීමට අවශ්ය නම්, ඔබ දෙදෙනා අතර එහි වටිනාකම සමග සෛල 1 colspan විශේෂණය දී සඳහන් කළ යුතුය. හා තත්වය සංඛ්යාව 2 ක් හෝ 3, එය ගැටළුවක් නොවේ මකන්න.

ඒ අතරට ඔබ සෛල කියන්න බව කෙතරම් ඉඩ ගත වනු ඇත. පෙරනිමි අගය 1 වේ.

සෛල සිරස් අතට HTML-වගුව ඒකාබද්ධ එම ප්රතිපත්තිය මත සිදු කෙරේ. හුදෙක් අත්පත් අවකාශය ලෙස සිරස් අතට සලකා බලනු ඇත. පහත රූපය බලන්න.

මෙන්න, 43 අංකය සහිත සෛල නූල් දෙකක් ගනී. මෙය සිදු කිරීම සඳහා, ඔබ විශේෂණය rowspan සඳහන් කරන්න. යන්තම් මතක්

• පේළිය - පේළිය.
• කර්නල් - තීරුව / තීරුව.
• කාලයක් - සංගමය.

එසේ වුවද එය නොදැන, කෙසේ හෝ තේරුම්ගත හැකි නිර්මාපකයෝ මානව හැකි ලෙස භාෂා ගෙන ඒමට උත්සාහ කර තිබේ.

HTML හි, සෛල සමිති දෙකකට යොමු කරන කළ හැක: සිරස්ව හා තිරස්ව. මේ සඳහා, අපි දෙන්නම විශේෂණය සඳහන් කරන්න.

ඉහත සංඛ්යා පමණක් බව වන අතර, එම සංගමයේ කළ හැකි බව සඳහන්: පේළි, තීරු, හෝ පේළි දෙක සහ තීරුවලින්.

HTML: සෛල ඒකාබද්ධ. උදාහරණ

අපට විශාල මේස මත වඩාත් සංකීර්ණ උදාහරණ සන්ධිස්ථානයක් ගැන අපි දැන් සලකා බලමු. වමේ පහත නිත්ය වගුවේ මුල් අනුවාදය සකසන්න. ඒ දකුණු - දෙවන පෙළ සෛල දෙකක් එකතු සමඟ ප්රභේද්යයක්. ඒ නිසා වඩා පැහැදිලි හා HTML-කේතය සන්සන්දනය කිරීම පහසු විය.

ඔබ ද සෛල මධ්යයේ තුනක් ඒකාබද්ධ කළ හැක. පළමු අවස්ථාවේදී colspan විශේෂණය සෛල №1 දක්වයි. මෙහි පළමු නොවෙනස්ව වනු ඇත, හා දෙවන මෙම colspan, තුනක් සමාන එකතු.

ඔබ තනි කිරීමට පේලියට සියලු සෛල ඒකාබද්ධ කිරීමට අවශ්ය නම්, පළමු colspan = බවයි '5' දී හතර TD ඉවත් කරන්න.

ඔබ දැක ගැනීමට හැකි වන පරිදි, ඇත්ත වශයෙන්ම, සෑම දෙයක්ම සරල ය. සංකීර්ණ දෙයක්. වඩාත් වැදගත් වන්නේ, ප්රවේශමෙන්, පළමු වරට, මේස සියලු උගුල් තේරුම් ගැනීමට, හා පසුව කිසිදු ප්රශ්න මතු නො කළ යුතුය.

වෙබ් අඩවි රාමුවක් ලෙස වගුව

HTML හි, සෛල සමිති සැමවිටම (වර්ඩ් හෝ එක්සෙල් දී) තොරතුරු සමඟ නිතිපතා වගු සඳහා ද භාවිතා කර නැත. වෙබ් අඩවි සැලසුම්කරුවන් බොහෝ විට, නමුත් ඡන්ද අඩවි සැකැස්ම සඳහා ඔවුන් භාවිතා කර ඇත පෙර.

උදාහරණයක් ලෙස, වෙබ් අඩවියේ සැකැස්ම ගැන සලකා බලමු. මෙම නිර්මාණය - ඉතා සරල හා ප්රාථමික. නමුත් ඔබ සුවිශේෂව සංගමයේ භාවිතය පෙන්වන්න පුළුවන්.

සෛල දෙකක් බැගින් පේළි තුනක් මේසයක් මුලින් ඇති විය. එවිට, මෙම වෙබ් අඩවියේ ලාංඡනය තැනින්, පළමු පේළියේ සෛල දෙකක් ඒකාබද්ධ කර ඇත. පහළ රේඛාව "පහළම මාලය" ඉඩ සලසා දීම සඳහා එසේ කිරීම වේ.

නිසා එහි සිදු කිරීමට එය නිර්මාණය අංග තැනින් හැකි වන අතර, කිසිවක් එහි සීමාවන් ඉවත් නොවනු ඇත. මෙය ඉතා පහසු හා සරල වේ. ඒ නිසා, එය එසේ ජනප්රිය විය. දැන්, එය div ටැගය වාරණයන් කිරීම රෙකමදාරු කරනු ලැබේ.

නිගමනය

හා HTML වගු ඒකබද්ධ බව මතක තබා ගන්න, ඔබ ඔබට කැමති දෙයක් කරන්න පුළුවන්. ඒ සියල්ල ඔබට අවශ්ය නම් හා ඔබ විසින් එය සංවිධානය කිරීමට අවශ්ය ආකාරය දේ මත රඳා පවතී. වැදගත් කරුණ නම්, ව්යාකූල වෙන්න එපා. ඔබ සංගම් විශාල සංඛ්යාවක් සමග විශාල වගුව නිර්මාණය කිරීමට අවශ්ය නම්, එය කඩදාසි කෑල්ලක් හෝ තීන්ත ආලේපය එය සියලු යොමු කිරීමට නිර්දේශ කරනු ලැබේ. Imposer ආරම්භක එය පහසු වනු ඇත.

වාසි අත්දැකීම් විට, මෙම මෙහෙයුම් ඔබට පහසුවෙන් ඔබේ හිස දී සිදු කල හැක.