ටැබ් සහ විචල්ය තැනීම සඳහා HTML සහ CSS භාවිතා කරන්නේ කෙසේද

HTML හි ඇති හිස් අවකාශය බ්රව්සර් විසින් සලකනු ලබන්නේ කෙසේදැයි බලන්න

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

අවාසනාවකට මෙන්, බ්රවුසරය සුදු පැහැති අවකාශය හසුරුවනු ඇති ආකාරය මුලින්ම ඉතා බලවත් නොවේ, විශේෂයෙන්ම ඔබ HTML වලට පැමිණෙන අතර, ඔබ වඩාත් හොඳින් හුරුවී ඇති වදන් සැකසුම් වැඩසටහන් තුල හිස් අවකාශය හැසිරවිය හැකි ආකාරය සසඳා බලයි.

වදන් සැකසුම් මෘදුකාංගයේ දී, ඔබට ලේඛනයේ ඇති පරතරය හෝ ටැබ් එකතු කළ හැකි අතර එම පරතරය ලේඛනයේ අන්තර්ගතය පිළිබිඹු වේ. HTML හෝ වෙබ් පිටු සමඟ මෙය සිදු නොවේ. එබැවින්, වෙබ් බ්රවුසරයන් විසින් හිස් අවකාශය හසුරුවන්නේ කෙසේදැයි ඉගෙන ගැනීම ඉතා වැදගත් වේ.

මුද්රණය කිරීම

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

කවුරුහරි ටැබ් භාවිතා කරන්නේ ඇයි?

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

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

HTML ටැබ් සහ පරතරය සෑදීම සඳහා CSS භාවිතා කිරීම

අද දවසේ වෙබ් අඩවි ඉදි කර ඇත්තේ ව්යුහය සහ ශෛලිය වෙන් කිරීමෙනි. පිටුවක ව්යුහය HTML මඟින් හැසිරවිය හැකි අතර ශෛලිය CSS විසින් විධාන කරනු ලැබේ. මෙයින් අදහස් වන්නේ යම් පරතරයක් නිර්මාණය කිරීමට හෝ කිසියම් පිරිසැලසුමක් සුදානම් කිරීම සඳහා, ඔබ CSS වෙත හැරී යා යුතු අතර හුදෙක් අක්ෂර වින්යාසය HTML කේතයට එක් කිරීමට උත්සාහ නොකරයි.

පාඨයන්හි තීරු සෑදීම සඳහා ඔබ ටැබ් භාවිතා කිරීමට උත්සාහ කරයි නම්, ඒ වෙනුවට එම තීරුව සැකසීමට CSS සමඟ ස්ථානගත කරන ලද

මූලද්රව්ය භාවිතා කළ හැකිය. මෙම ස්ථානගත කිරීම CSS floats, නිරපේක්ෂ හා සාපේක්ෂ ස්ථානගත කිරීම් හරහා හෝ Flexbox හෝ CSS Grid වැනි නවීන CSS ආකෘති ශිල්ප ක්රම භාවිතා කළ හැකිය.

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

මාග්රීස්, පැඩ්ඩින්, සහ පෙළ-ඉන්ඩෙන්ට්

CSS සමඟ පරතරය සෑදීමට වඩාත් පොදු ක්රම වන්නේ පහත දැක්වෙන CSS ශෛලයන් භාවිතා කිරීමෙනි:

නිදසුනක් ලෙස, පහත දැක්වෙන CSS සහිත ටැබයක් වැනි ඡේදයේ පළමු පේළිය සිදුවේ (ඔබේ ඡේදය උපකල්පනය කරන ලද "පළමු" පන්ති වර්ගය සළකා බලන බව සැලකිල්ලට ගන්න):

p.first {
පෙළ-indent: 5em;
}}

මෙම ඡේදය අක්ෂර 5 කින් පමණ වෙනස් වේ.

මූලද්රව්යයේ ඉහළ, පහළ, වම් හෝ හරි (හෝ එම පැතිවල සංයෝජන) එක්ස්කිරීමට CSS හි ආන්තිකය හෝ පැසීමේ ලක්ෂණ භාවිතා කළ හැකිය. අවසාන වශයෙන්, ඔබට CSS වෙත හැරවීම මගින් ඔබට අවශ්ය ඕනෑම පරතරයක් ලබා ගත හැකිය.

CSS තොරව එක් අවකාශයකට වඩා විශාල පෙළක් ගෙන යාම

ඔබට අවශ්ය ඕනෑම දෙයක් ඔබගේ පෙරළා අයිතමයට වඩා එක් ඉඩකට වඩා එක් ස්ථානයකට ගෙනයාමට නම්, ඔබ නොබිඳුණු ඉඩ භාවිතා කළ හැකිය.

හුදකලා නොවන ඉඩ භාවිතා කිරීමට, ඔබ හුදෙක් & nbsp; ඔබගේ HTML සලකුණු තුළ ඔබට අවශ්ය පරිදි බොහෝ වාරයක්.

නිදසුනක් ලෙස, ඔබේ වචනය අවට පහක් හිස් කිරීමට අවශ්ය නම්, ඔබට වචනයට පෙර පහත සඳහන් දෑ එකතු කළ හැකිය.

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp;

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