2. Property background="URL" - පසුබිම් රූපය සකසයි. URL එක වෙනුවට පසුබිම් රූපයේ ලිපිනය ලිවිය යුතුය.

උදාහරණයක්

උදාහරණ වගුව

තීරුව 1

තීරුව 2

පිටුවේ පහත ඒවා බවට පරිවර්තනය කරයි:

ඉහත උදාහරණයේ, අපගේ පසුබිම් රූපය img ෆෝල්ඩරයේ පිහිටා ඇත (එය html පිටුවේ ඇති නාමාවලියෙහි ඇත), සහ රූපය fon.gif ලෙස හැඳින්වේ. ටැගය තුළ අපි style="color:white;" එකතු කළ බව කරුණාවෙන් සලකන්න. . පසුබිම බොහෝ දුරට කළු බැවින්, පෙළ පසුබිමට මිශ්‍ර වීම වැළැක්වීමට, අපි පෙළ සුදු කළෙමු.

3. දේපල bgcolor="color" - වගුවේ පසුබිම් වර්ණය සකසයි. ඔබට සම්පූර්ණ palette වලින් ඕනෑම වර්ණයක් තෝරාගත හැක (html වර්ණවල කේත සහ නම් බලන්න)

4. Property border="number" - වගුවේ මායිමේ ඝණකම සකසයි. පෙර උදාහරණ වලදී, අපි මායිම් ඝණත්වය 1 පික්සලය යන්නෙන් අදහස් කරන border="1" සඳහන් කළෙමු.

5. Property bordercolor="color" - මායිමේ වර්ණය සකසයි. border="0" නම් මායිමක් නොමැති අතර මායිම් වර්ණයට තේරුමක් නැත.

6. Property cellpadding="number" - රාමුවේ සිට සෛල අන්තර්ගතයට පික්සල වලින් එබුම.

7. Property cellspacing="number" - පික්සල වල සෛල අතර දුර.

8. Property cols="number" - තීරු ගණන. ඔබ එය සකසා නොමැති නම්, බ්රවුසරය විසින්ම තීරු ගණන තීරණය කරනු ඇත. එකම වෙනස වන්නේ මෙම පරාමිතිය නියම කිරීම බොහෝ විට මේසයේ පැටවීම වේගවත් කිරීමයි.

9. Property frame="parameter" - මේසය වටා මායිම් පෙන්වන ආකාරය. පහත අගයන් ගත හැක:

• void - මායිම් අඳින්න එපා
• මායිම - මේසය වටා මායිම
• ඉහත - මේසයේ ඉහළ කෙළවරේ මායිම
• පහත - මේසයේ පහළ මායිම
• hsides - තිරස් මායිම් පමණක් එක් කරන්න (මේසයේ ඉහළ සහ පහළ)
• vsides - සිරස් මායිම් පමණක් අඳින්න (මේසයේ වමට සහ දකුණට)
• rhs - මායිම මේසයේ දකුණු පැත්තේ පමණි
• lhs - මායිම මේසයේ වම් පැත්තේ පමණි

10. Property height="number" - වගුවේ උස: පික්සල වලින් හෝ ප්‍රතිශත වලින්.

11. දේපල රීති = "පරාමිතිය" - සෛල අතර මායිම් පෙන්විය යුතු ස්ථානය. පහත අගයන් ගත හැක:

• සියල්ල - එක් එක් මේස කොටුව වටා රේඛාවක් අඳිනු ලැබේ
• කණ්ඩායම් - ටැග් වලින් සාදන ලද කණ්ඩායම් අතර රේඛාවක් පෙන්වයි

ගුණාංග සහ ගුණාංග

1. Property align="parameter" - තනි වගු කොටුවක පෙළගැස්ම සකසයි. පහත අගයන් ගත හැක:

• වම් - වම් පෙළගැස්ම
• මධ්‍ය - මධ්‍ය පෙළගැස්ම
• දකුණු - දකුණු පෙළගැස්ම

2. Property background="URL" - සෛලයේ පසුබිම් රූපය සකසයි. URL එක වෙනුවට පසුබිම් රූපයේ ලිපිනය ලිවිය යුතුය.

3. දේපල bgcolor="color" - සෛලයේ පසුබිම් වර්ණය සකසයි.

4. Property bordercolor="color" - සෛල මායිමේ වර්ණය සකසයි.

5. Property char="leter" - පෙළගැස්ම සිදු කළ යුතු අකුර සඳහන් කරයි. පෙළගස්වන ගුණාංගයේ අගය අකුරු ලෙස සැකසිය යුතුය.

6. Property colspan="number" - ඒකාබද්ධ කළ යුතු තිරස් සෛල ගණන සකසයි.

7. Property height="number" - වගුවේ උස සකසයි: පික්සල වලින් හෝ ප්‍රතිශතයක් ලෙස.

8. Property width="number" - වගුවේ පළල සකසයි: පික්සල වලින් හෝ ප්‍රතිශතයක් ලෙස.

9. Property rowspan="number" - ඒකාබද්ධ කළ යුතු සිරස් සෛල ගණන සකසයි.

10. Property valign="parameter" - සෛල අන්තර්ගතයේ සිරස් පෙළගැස්ම.

• ඉහළ - සෛල අන්තර්ගතය පේළියේ ඉහළ කෙළවරට පෙළගස්වන්න
• මැද - මැද පෙළගැස්ම
• පහළ - පහළ කෙළවරට පෙළගැස්වීම
• මූලික රේඛාව - මූලික රේඛාවට පෙළගැස්වීම

ටැග් සඳහා

වගුවක සෛල මායිම් එකට ඇලී සිටීම වළක්වා ගන්නේ කෙසේද?

ඔබ සෛල අතර මායිමක් (සෛල මායිම) සහ ශුන්‍ය පිරවුමක් භාවිතා කරන්නේ නම්, ඒවා තවමත් එකට ඇලී ඇති අතර ඔබට ද්විත්ව මායිමක් ලැබේ. මෙය වලක්වා ගැනීම සඳහා, ඔබ මායිම් බිඳ වැටීම සඳහන් කළ යුතුය: වගු විලාසයන් තුළ බිඳ වැටීම:

...

හිතවත් පාඨකය, දැන් ඔබ html වගු ටැගය ගැන බොහෝ දේ ඉගෙන ගෙන ඇත. දැන් මම ඔබට ඊළඟ පාඩම වෙත යාමට උපදෙස් දෙමි.

මෙම දේශනය HTML සලකුණු කිරීමේදී වගු භාවිතා කිරීමේ මූලධර්ම විස්තරාත්මකව සාකච්ඡා කරයි. මෙයට වගු සංවිධානයක්, වගු ඛණ්ඩාංක ජාලයක් සහ වගු තුළ සංවිධානය කරන ලද ග්‍රැෆික්ස් ඇතුළත් වේ.

HTML හි වගු විස්තර කිරීම සඳහා මෙවලම්

WWW වර්ධනය වන විට, විවිධ වර්ගයේ ලේඛනවල උසස් තත්ත්වයේ ප්රදර්ශනය සඳහා HTML හි අඩංගු සම්පත් ප්රමාණවත් නොවන බව පැහැදිලි විය. HTML හි අවාසිය නම් වගු පෙන්වීම සඳහා මෙවලම් නොමැති වීමයි. මෙම කාර්යය සඳහා, පෙර සැකසූ පෙළ (ටැගය

), එහි වගුව ASCII අක්ෂර වලින් දක්වා ඇත.  නමුත් මෙම වගුව ඉදිරිපත් කිරීමේ ආකෘතිය ප්රමාණවත් නොවීය ඉහළ ගුණත්වයසහ ලේඛනයේ සාමාන්ය ශෛලියෙන් කැපී පෙනුණි.  HTML හි වගු හඳුන්වා දීමෙන් පසු, වෙබ්මාස්ටර්වරුන්ට පෙළ සහ සංඛ්‍යාත්මක දත්ත තැබීම සඳහා මෙවලමක් පමණක් නොව, ග්‍රැෆික් රූප සහ පෙළ තිරයේ නියම ස්ථානයේ තැබීම සඳහා ප්‍රබල නිර්මාණ මෙවලමක් විය.

HTML හි වගු නිර්මාණය කිරීම
ටැගය වගු විස්තර කිරීමට භාවිතා කරයි<ТАВLЕ>.  ටැග් කරන්න<ТАВLЕ>, වෙනත් බොහෝ අය මෙන්, මේසයට පෙර සහ පසු රේඛාව ස්වයංක්‍රීයව පරිවර්තනය කරයි.
වගු පේළියක් නිර්මාණය කිරීම - ටැගය<ТR>
ටැග් කරන්න<ТR>(Table Row) වගු පේළියක් නිර්මාණය කරයි.  එක් පේළියක තැබිය යුතු සියලුම පෙළ, අනෙකුත් ටැග් සහ ගුණාංග lt;TR> ටැග් අතර තැබිය යුතුය..
වගු සෛල නිර්වචනය කිරීම - ටැගය<ТD>
දත්ත සහිත කොටු සාමාන්‍යයෙන් වගු පේළියක් තුළ තබා ඇත.  පෙළ හෝ රූපය අඩංගු සෑම කොටුවක්ම ටැග් වලින් වට කර තිබිය යුතුය<ТD>.  ටැග් ගණන<ТD>පේළියක සෛල ගණන නිර්වචනය කරයි

 

 
වගුව
 
 

වගුවක TR ටැග් දෙකක් තිබේ නම්, එය පේළි දෙකක් ඇත.
පේළියක TD ටැග් තුනක් තිබේ නම්,	පසුව එය තුළ	තීරු තුනක්.

වගු තීරු ශීර්ෂ - ටැගය<ТН>

වගු තීරු සහ පේළි සඳහා ශීර්ෂ ශීර්ෂ ටැගය භාවිතයෙන් සකසා ඇත<ТН>(වගු ශීර්ෂය, වගු මාතෘකාව). මෙම ටැග් සමාන වේ<ТD>. වෙනස වන්නේ ටැග් අතර ඇති පෙළයි<ТН>, ස්වයංක්‍රීයව තද අකුරින් ලියා ඇති අතර පෙරනිමියෙන් කොටුවේ මැද තබා ඇත. ඔබට පෙළ මධ්‍යගත කර පෙළ වමට හෝ දකුණට පෙළගස්වාගත හැක. ඔබ භාවිතා කරන්නේ නම්<ТD>ටැගය සමඟ<В>සහ ගුණාංගය<АLIGN=center>, පාඨය ද මාතෘකාවක් මෙන් පෙනෙනු ඇත. කෙසේ වෙතත්, සියලුම බ්‍රව්සර් වගු වල තද අකුරු සඳහා සහය නොදක්වන බව මතක තබා ගන්න, එබැවින් වගු ශීර්ෂයන් සැකසීම වඩා හොඳය<ТН>.

ශීර්ෂකය පෙරනිමියෙන් කේන්ද්‍රගත වේ	ශීර්ෂයට තීරු සම්බන්ධ විය හැක
ශීර්ෂය තීරු වලට පෙර තැබිය හැකිය	පෙළ හෝ දත්ත	පෙළ හෝ දත්ත
ශීර්ෂයට රේඛා සංයුක්ත කළ හැක	පෙළ හෝ දත්ත	පෙළ හෝ දත්ත
	පෙළ හෝ දත්ත	පෙළ හෝ දත්ත
	පෙළ හෝ දත්ත	පෙළ හෝ දත්ත

වගු ශීර්ෂ භාවිතා කිරීම - ටැගය<САРТIОN>

ටැග් කරන්න

Notepad++ භාවිතයෙන් සංස්කරණය කිරීම සඳහා අපගේ වෙබ් පිටු ගොනුව index.html විවෘත කරමු. පිටුවේ වෙනස්කම් බැලීම සඳහා බ්‍රවුසරයක් භාවිතයෙන් එය විවෘත කරන්න.

මෙම ලිපිය ආරම්භයේදීම, අපි සැලසුම් කර ඇති අඩවි පිරිසැලසුම මේසයක් බව අපි කතා කළෙමු.

තවද, අපගේ අඩවි පිරිසැලසුම් වගුව පේළි තුනකින් (හෙඩර්, අන්තර්ගතය සහ පාදකය) සහ තීරු දෙකකින් (මෙනුව සහ අන්තර්ගතය) සමන්විත වේ.

පේළි තුනක් සහ තීරු දෙකක් සහිත වගුවක් එක් කිරීමට, පහත සඳහන් දෑ එකතු කිරීමට අපගේ කේතය වෙනස් කරමු:

වගුවේ මායිමක් සැකසීමට, මායිම් පරාමිතිය භාවිතා කරන්න. වගු මායිමේ ඝණකම පික්සල වලින් (px) දක්වා ඇත.

අපි 1px ට සමාන තර්ක අගයක් සමඟින්, අපගේ html කේතයට මායිම් පරාමිතියක් එක් කරමු. එනම්, මේස රාමුවේ ඝණකම එක් පික්සලයකට සමාන වේ:

බ්‍රවුසර කවුළුවේ මධ්‍යයේ ඇති වගුව පෙළගැස්වීම සඳහා, අපි align පරාමිතිය භාවිතා කරමු, එයට අගයන් තුනක් ගත හැකිය: වම්, මධ්‍ය, දකුණ, බ්‍රව්සර් කවුළුවේ මධ්‍යයේ ඇති වගුව පෙළගස්වා ගැනීමට බව පැහැදිලිය. පෙළගැස්වීමේ පරාමිති තර්කය සමාන විය යුතුය: මධ්‍යස්ථානය.

තවද අපි මෙහි මේසයේ පළල සකස් කරමු. වගුවේ පළල පළල පරාමිතිය මගින් නියම කර ඇත. මෙම පරාමිතියට ගත හැකි අගයන් පික්සල වලින් පූර්ණ සංඛ්‍යාවක් ලෙස හෝ වත්මන් බ්‍රවුසර කවුළු පළලෙහි ප්‍රතිශතයක් ලෙස දැක්විය හැක.

අපි අපගේ කේතයට පෙළගැස්ම සහ වගු පළල එකතු කරමු, එහි ප්‍රතිඵලයක් ලෙස අපට පහත කේතය ලැබේ:

වෙනස්කම් බැලීමට අපි අපගේ වෙබ් අඩවියේ බ්‍රව්සර් කවුළුව නැවුම් කරන්නෙමු, මේසය කවුළුවේ මැදට පෙළගස්වා ඇති අතර එහි පළල වෙනස් කර ඇති බව අපට පෙනේ.

දැන් අපි නැවත වගු රාමුව වෙත යමු, html කේතයේ අපි එය මායිම් පරාමිති තර්කයේ අගය භාවිතා කර එය පික්සල 1 ට සකස් කරමු: border=”1”.

html සමුද්දේශ පොතේ ඇති TABLE ටැගයේ පරාමිතීන් වෙත යොමු වන්න; බලපාන පරාමිති දෙකක් මෙහි ඇත. පෙනුමරාමුව.

පළමු පරාමිතිය: සෛල පරතරය - වගු සෛල අතර දුර සකසයි.

දෙවන පරාමිතිය: cellpadding - මෙම පරාමිතියේ තර්කයේ අගය මත රාමුවේ සිට සෛලයේ අන්තර්ගතය දක්වා ඇති දුර රඳා පවතී.

සියලුම දුර සහ ඉන්ඩෙන්ට් අවම කිරීම සඳහා, අපි ඉහත පරාමිතීන්ට ඉහළින් ඇති තර්කවල අගයන් ශුන්‍යයට සකසන්නෙමු.

එහි ප්‍රතිඵලයක් ලෙස, වගුවේ html කේතය පහත ආකාරය ගනී:

ඔබට මතක ඇති පරිදි, අපගේ මේසයේ පේළි තුනක් තිබිය යුතු අතර, පළමු පේළියේ එක් කොටුවක් තිබිය යුතුය, දෙවන පේළියේ සෛල දෙකක් තිබිය යුතුය, තුන්වන පේළියේ එක් කොටුවක් ද තිබිය යුතුය.

අපි මේසයේ පෙනුම දෙස බැලුවහොත්, මේසය අපේක්ෂිත ආකෘතියට ගෙන ඒම සඳහා, අපි පළමු සහ තුන්වන පේළියේ තිරස් සෛල ඒකාබද්ධ කිරීමට අවශ්ය බව අපට පෙනෙනු ඇත.

මෙය සිදු කිරීම සඳහා, අපි colspan පරාමිතිය භාවිතා කරමු. මෙම පරාමිතිය TD ටැගය තුළ භාවිතා වේ. colspan පරාමිති තර්කයේ අගය ඒකාබද්ධ කළ යුතු තිරස් සෛල ගණන පෙන්නුම් කරයි; අපගේ නඩුවේදී, මෙම අගය 2 වේ.

colspan පරාමිතිය එකතු කිරීමට අමතරව, අපගේ පිරිසැලසුමට ගැලපෙන පරිදි වගු සෛලවල ලේබල වෙනස් කරමු.

සියලුම වෙනස්කම් වලින් පසුව, අපගේ පිටුවේ සම්පූර්ණ html කේතය පහත පරිදි වේ:

අපි අපේ කේතය Notepad හි සුරකිමු සහ වෙනස්කම් බැලීමට බ්‍රවුසරයේ index.html ගොනුව නැවුම් කරමු.

ඉතින්, මෙම පාඩම තරමක් විශාල විය, එබැවින් අපි ඊළඟ පාඩමේදී අපගේ පිටුවේ html වගුවේ දිගටම වැඩ කරමු.

HTML හි වගු කෙතරම් ක්‍රියාකාරීද යත් ඔබට ඒවා සම්පූර්ණ වෙබ් අඩවි පිරිසැලසුම් කිරීමට (කියවීමට) භාවිතා කළ හැක. දැන් අපි සරල HTML වගු වෙබ් පිටුවකට ඇතුළු කිරීම, සලකුණු කිරීම පමණක් විශ්ලේෂණය කිරීම, නමුත් සැලසුම ස්පර්ශ නොකිරීම ගැන කතා කරමු, මන්ද CSS මෝස්තර භාවිතයෙන් වගු අලංකාර කිරීම වඩා හොඳය.

වගු ටැග් සහ ගුණාංග

වගු සෑදීමට ඔබට අවශ්‍ය මූලික අංග මෙන්න:

• - මේසය පිහිටා ඇති බහාලුමක් (ඒ හා සමානයි
  සලකුණු කිරීම සඳහා හෝ
  අංකිත ලැයිස්තු සඳහා).
  1. මායිම- රාමු වල ඝණකම තීරණය කරන ගුණාංගයකි. ඒ වෙනුවට මායිම් CSS දේපල භාවිතා කිරීම වඩා හොඳය.

  වගු අත්සන නියම කරයි. ඔබට කන්ටේනරයක් භාවිතා කිරීමට අවශ්‍ය නැත, නමුත් ඔබ තවමත් මේසය මාතෘකාව කිරීමට තීරණය කරන්නේ නම්, ටැගයට පසු වහාම එය තබන්න , පිටත සෛල සහ පේළි.

  - වගු පේළියක් අඩංගු යුගල ටැගයක් (එකම තිරස් මට්ටමේ පිහිටා ඇති සෛල).

  , එය තුළ බොහෝ සෛල වනු ඇත: එක් ටැගය - එක් සෛලයක්.

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

  , එය නොමැති නම්, පසුව .

  ලෙස එකම අරමුණ සඳහා භාවිතා වේ . අඩංගු විය හැක , නමුත් අනෙක් අතට නොවේ.

  පරාසය- බහාලුම් ගුණාංග යොදන තීරු ගණන නියම කරන ගුණාංගයකි

  .

  , සහ - වගුව පිළිවෙලින් ඉහළ (ශීර්ෂ), ප්‍රධාන (ශරීරය) සහ පහළ (අවසාන) කොටස් වලට බෙදීමට ඔබට ඉඩ සලසන බහාලුම්. HTML වගුවක, මෙම ටැග් වල අනුපිළිවෙල බහාලුම් අනුපිළිවෙලට සමාන වේ , සහ

  වෙබ් අඩවි නිර්මාණය මෙවලම්

  අරමුණ	මෙවලම
සලකුණු කිරීම	HTML	XHTML
අලංකරණය	CSS
වර්ධනය	PHP	පිඹුරා

  බ්රවුසරයේ, ලේඛනය මේ ආකාරයෙන් පෙනෙනු ඇත:

  කුමක් සඳහා වගකිව යුතු කේත රේඛා මොනවාදැයි සොයා බලමු.

  • - රාමු වල ඝණකම ලබා දෙමින් මේසය විවෘත කළේය.
    - ඔවුන් එය මාතෘකාව කර ඇත.
    - රේඛාව විවෘත කළා.
    - ශීර්ෂ නිර්මාණයක් සහිත සෛලයක් සාදන ලදී.
    - පේළියේ දෙවන ශීර්ෂ කොටුවක් සාදන ලදී. colspan පරාමිතිය පෙන්නුම් කළේ මෙම සෛලය තිරස් අතට දෙකක් විහිදිය යුතු බවයි.
    - රේඛාව වසා දැමුවා. ඉතිරි රේඛා එකම ආකාරයකින් නිර්මාණය කර ඇත.
    - සාමාන්‍ය, ශීර්ෂයට වඩා, කොටු සහිත මේසයේ දෙවන පේළියක් එක් කරන ලදී. පසුව පේළි සහ කොටු ඒ හා සමානව ඇතුල් කරන ලදී.

    වෙබ් අඩවි නිර්මාණය මෙවලම්

    අරමුණ	මෙවලම
  සලකුණු කිරීම	HTML	XHTML

    - මේසය වසා දැමුවා.

  කාණ්ඩයේ ජනප්‍රිය:

  Sberbank - zolnirt - වෙතින් පර්යන්තයක් පිහිටුවීම සඳහා ක්රියාකාරී සැලැස්ම ...

  කියවන්න

  KKM stroke-m සමඟ වැඩ කිරීම සඳහා මෘදුකාංග

  කියවන්න

  Windows පරිගණකයක Microsoft Office ස්ථාපනය කිරීම

  කියවන්න

  DVDRip, CAMRip, TS, TC, DVDSrc යනාදිය යනු කුමක්ද?

  කියවන්න

  

  නවතම ලිපි

  Ava in contact: එය කුමක්ද? awk යනු කුමක්ද? කෙසේද...

  කියවන්න

  වෙළඳපල ධාරිතාව: එය කුමක්ද සහ එය කෙසේද ...

  කියවන්න

  පැරණි ලෝක ක්‍රීඩකයින් දිගු කලක් බලා සිටි ත්‍යාග...

  කියවන්න

  Wifi විශ්ලේෂකය යනු WiFi විශ්ලේෂණය සඳහා යෙදුමකි...

  කියවන්න

  ඔබගේ පැරණි දෘඪ තැටිය ඉවත නොදැමීමට හේතු පහක්

  කියවන්න

  VirusTotal: ඔන්ලයින් වෛරස් ස්කෑන්...

  කියවන්න

  ක්‍රියාකරුවන්ගෙන් ගෙවන දායකත්වයන් තහනම් කරන්නේ කෙසේද...

  කියවන්න

  Skype Topup මත මුදල් තැන්පත් කිරීමේ ක්‍රම...

  කියවන්න

  vsevolozk.ru
  අපි පරිගණක අධ්‍යයනය කරන්නෙමු - වින්ඩෝස්, වෛරස්, වැඩසටහන්, අලුත්වැඩියා කිරීම්, දත්ත ප්‍රතිසාධනය

  • ව්යාපෘති සංස්කරණය
  • වෙබ් අඩවියේ ප්‍රචාරණය

  • සම්බන්ධතා
  • අඩවි සිතියම

  © 2023 පරිගණක අධ්‍යයනය - වින්ඩෝස්, වෛරස්, වැඩසටහන්, අලුත්වැඩියාව, දත්ත ප්‍රතිසාධනය

  ඉහල

  - වගු ශීර්ෂ කොටුවක් සාදන ටැගයක්. බාහිරව, එහි අන්තර්ගතය අනෙකුත් සෛලවල අන්තර්ගතයට වඩා වෙනස් වේ - සාමාන්යයෙන් ඇතුළත පෙළ	බ්‍රවුසරය එය තද අකුරින් උද්දීපනය කර මධ්‍යයේ තබයි.	- සරල සෛලයක් නිර්මාණය කරන ලද බහාලුමක්. පේළියක එවැනි ටැග් කීයක් අඩංගු වේද (ටැග්