ක HTML වගුව කර ගන්නා ආකාරය. වර්ණ වගුව

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

මේසය මත වැඩ ආරම්භ

මේසය - අදාල මාර්ක්අප් HTML-පිටු වඩාත් දුෂ්කර දේවල් එක්. ප්රශ්නය ඇත්ත ද මතක තබා ගැනීමට අපහසු නැත, නැවත ටැගය, සංකීර්ණත්වය නොවේ, සහ කේතය ලියන විට, ඔබට පහසුවෙන් වරදක් කළ හැකි බව - අතිරේක රේඛා හෝ සෛල ලියාපදිංචි කිරීමට අමතක කිරීමට, එය අත්යවශ්ය වන අවස්ථාවක පෙළ යන්නේ නැහැ ඇතුලත් කරන්න, සහ අනෙකුත් සුළු සුළු දේවල් . සහ මේසය ඊටත් වඩා, වරදක් අවස්ථාව වැඩි වේ.

ඒ නිසා, HTML හි වගුවක් නිර්මාණය කිරීමට පටන් ගෙන, අපි උපරිම අවධානය යොමු නිර්දේශ හා මුලාවට නැත.

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

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

සංස්කාරක

ඒ නිසා ඔබ පිරිසැලසුම් වගුව නිර්මාණය කර ඇත්තෙමු. දැන් අපි එය නිර්මාණය කිරීම සඳහා අවශ්ය වන කර්තෘ තෝරා ගැනීමට ඇති. ඔබ ඔවුන් මේසයක් කිරීමට විශේෂිත ස්ථාන, සහ සැලසුම්කරුවන් තෝරා ගත හැකිය. මෙම මෘදුකාංගය භාවිතා කරමින්, වගුවක් නිර්මාණය වචනය ලේඛනයේ ම සරල ය. ඔබ අසේල විතාන වැනි වැඩසටහන තෝරා ගත හැකිය. මෙම වැඩසටහන ඉතා පැරණි බව යන කාරනය තිබිය දී ම, එය හැර දා එය සටහනකට වඩා වැඩි සොයා ගත හැකි, හොඳ වෙබ් අඩවියක් නිර්මාණය කිරීම උදව් විය හැක.

ඔබ මෙම අරමුණ හා සාමාන්ය සටහන් පොතක් හෝ සාමාන්ය වචනය ලේඛනය සඳහා භාවිත කළ හැකි බව විශේෂ කේතය භාවිතයෙන් HTML වගුවක් නිර්මාණය කිරීමට අවශ්ය නම්. කෙසේ වෙතත්, ඔබ මෙහි කේතය දිගු වනු ලියන ලෙස වෙහෙස මහන්සි වී වැඩ කළ යුතුයි.

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

ටැග්

කුමක් කර්තෘ ඔබ භාවිතා කරන ආකාරය ඔබට html මේසයක් නිර්මාණය කිරීමට ආරම්භ කිරීමට පෙර, ඔබ මූලික ටැග මතක තබා ගත යුතු ය. ඔවුන් තිදෙනාම - <වගුව>, සහ . සියලු ටැග් යුගලනය බව සටහන් කර ගන්න. පේලිය තුළ සෛල - පළමු වගුව සමස්තයක් ලෙස ටැගය නියෝජනය කරන අතර, දෙවන පෙළ, තුන් වන අර්ථ දක්වා ඇත.

ටැග්ස් එක් එක් ගැන තව ටිකක්. මේසය හැම විටම ටැගය <වගුව> ආරම්භ සහ සමග අවසන් වේ. ඕනෑම වෙබ් බ්රව්සරය ඔහු ඉදිරියෙන් මේසය දේ සංකේතයයි. ඊළඟට, ටැගය විවෘත සහ අවසන් මාවත් නියම කළේය. එක් එක් පේලියේ දී, ටැගය සෛල සහ නියම සංඛ්යාව භාවිතා කිරීම.

මේ අනුව, 2x2 වගුව කේතය මෙම වගේ ඇත:

<වගුව>

මෙම HTML-කේතය පිටු තෝරාගත් කර්තෘ පිටපත් කළ හැකි මේසයක් ඇතුල් කරන්න.

පරාමිතීන්, පේළි සහ සෛල වගු

ඒ නිසා, අපි මූලික කේතය සාකච්ඡා කළහ. දැන් ඒක දීප්තිමත් හා වඩා ආකර්ෂණීය කරන්න, මේසය වැඩි දියුණු කිරීම සඳහා ආකාරය ගැන කතා කරමු. මෙය සිදු කිරීම සඳහා, ඔබ ටැගය මූලික පරාමිතීන් ඔබ දැන සිටිය යුතුයි. එක් එක් පරාමිතිය පසු සම වේ, පසුව මිල කැඳවීම් ගෙන එහි අගය ලියාපදිංචි කර වෙළෙඳපොලේ, ඔවුන්ට ආරම්භක ටැගය ලියා ඇත. <වගුව bgcolor = «#FFFFFF»>: උදාහරණයක් ලෙස, HTML වගුවේ පසුබිම් වන පරිදි අර්ථ දක්වා ඇත.

අපි ඔබට වඩාත් ප්රයෝජනවත් වනු ඇත බව මූලික පරාමිතීන් කිහිපයක් සඳහන් කරන්න. ගේ මේසය ම සමග ආරම්භ කරමු.

ඒ නිසා, ඕනෑම සංඛ්යාත්මක අගය ගත හැකි දේශ සීමාව පළල පරාමිතිය දේශ, උදව් උපකාර කර ඇත. දේශ සීමා වර්ණ bordercolor සකසයි. පොදු පසුබිම bgcolor සකසයි.

ඔබ මේසය පසුබිම චිත්රයක් කිරීමට අවශ්ය නම්, ඔබ URL එක රටාව සකස් කළ යුතුය මේ අවස්ථාවේ දී, භාවිතා පසුබිම භාවිතා කරන්න.

මේසය පරාමිතිය පමණ පිටුවේ අන්තර්ගතය වම්, මධ්යස්ථානය සහ දකුණට සකස් කළ හැකි අතර, සන්ධානගත ඇත පෙළ ගස්වන්න.

මාතෘකාව ටැගය සකසන්න වහාම විවෘත ටැගය <වගුව> පසු ලියාපදිංචි කරන, <ශීර්ෂ පාඨය> මේ දෙදෙනා උපකාරී වනු ඇත.

පරාමිතීන් ටිකක් string. පිට පිට සෛල වර්ණ bgcolor භාවිතා කළේය. valign (මධ්යම හෝ පහළ, ඉහළ වටිනාකම් උපකල්පනය) - පෙළ කඳවුරු ගතවීම තිරස් අතට පරාමිතිය align (වමේ, මධ්යස්ථානය හෝ දකුණ), සිරස් භාවිත කරමින්ද සිදු කල හැක.

සෛල සම්බන්ධයෙන් පසුබිම් වර්ණය සහ පසුබිම් රටාව සමස්ත වගුව සඳහා මෙන් ම පරාමිතීන් හා සමග ඒ සඳහා ලබා දී ඇති බව සඳහන් කළ හැක. පෙළ ඔබ align හා valign පරාමිතීන් භාවිතා කල හැක පෙළ ගස්වන්න.

colspan හා rowspan - විශේෂ සැකසුම් ද පවතී. සමඟ පළමු සෛල දීර්ඝ වනු ඇත, තීරු සංඛ්යාව සැකසිය හැක. දෙවන සඳහා දී ඇති සෛල දීර්ඝ පේළි සංඛ්යාව දක්වයි.

සියලු වඩා ප්රයෝජනවත් විකල්ප වේ.

වර්ණ වගුව

ගේ වර්ණ වගුව වැනි ප්රයෝජනවත් දේවල් ගැන වචන කිහිපයක් කියන්න මට ඉඩ දෙන්න. මෙම පිටුව පසුබිම ද සහාය ඇතිව සකස් කර පෙළ, සබැඳි සහ අනෙක් මූලද්රව්ය වර්ණය. වර්ණ වගුව වර්ණ 216 ක් පමණ අඩංගු වේ. ඔවුන් එක් එක් එහි ම hex කේතය ඇත.

මෙම කේතය ම රාත්තලක් ලකුණක් සමග ආරම්භ වන අතර ඉලක්කම් හෝ අකුරු යුගල තුනක් සමන්විත වේ. උදාහරණයක් ලෙස, මේසය හරිත වර්ණ කේතය # 007F0 ඇත. රතු, කොළ හා නිල් - එක් එක් යුගලය තුනක් ප්රාථමික වර්ණ එක් තීව්රතාව නියෝජනය කරයි. මේසය භාවිතා කරමින්, ඔබට අවශ්ය වර්ණ තෝරාගත සහ කේතය භාවිතා කර සකස් කළ හැකිය.

ඔබ වගුව භාවිතා කරන්න නොහැකි නම්, ඔබ ඉංග්රීසි එහි නම භාවිතා කරමින් වර්ණ සැකසිය හැක.

අන්තර්ගතය

අන්තර්ගතය ගැන වචන කිහිපයක්. ඇත්ත වශයෙන්ම, බොහෝ විට අපි HTML වගුවේ පෙළ බලන්න පුළුවන්, නමුත් එය ඉන් අදහස් කරන්නේ නැහැ එය පමණක් අප එහි කළ හැකි බව. හා සෛල පේළි ද පින්තූර, ශ්රව්ය හා දෘශ්ය ගොනු, සබැඳි අඩංගු විය හැකිය.

පෙළ හෝ කොටුවක් තවත් ඕනෑම තොරතුරු (මාර්ගය) තැනින් සඳහා, ටැග් දෙක අතර එය සකස් කළ යුතුය. උදාහරණයක් ලෙස: නම . එය සෛල තුළ ඇති "නම" දිස් වනු ඇත.

විශේෂ ටැගයන් භාවිතා රූප සහ මාධ්ය ගොනු දාන්න - , <ශ්රව්ය> සහ <වීඩියෝ>.

ඉඟි

අවසාන වශයෙන් අපි ඔබට ඉක්මනින් ඕනෑම සංකීර්ණ ක HTML වගුව නිර්මාණය කිරීමට ඇතැම් ප්රයෝජනවත් උපදෙස් දෙන්න.

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

සෛල සහ පේළි අන්තර්ගතය වගුවේ රාමු සූදානම් වන විට, ලෙස මුල් අවසානය ලෙස ලියාපදිංචි කිරීමට උපදෙස් දුන්නේ ය.