HTML වයිප්පය නිර්මාණය කරන්නේ කෙසේද?

අවකාශය හා CSS සමඟ HTML හි මූලද්රව්ය භෞතික වෙන්වීම සාදන්න

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

වෙබ් නිර්මාණ සැලසුම් පරතරය වැඩ කරන්නේ නොවේ.

ඉතින්, ඔබ වෙබ් පිටුවක පෙන්වන HTML හි ඇති සුදු පැහැති වස්තූන් එකතු කරන්නේ කෙසේද? මෙම ලිපියෙන් විවිධ ක්රම කිහිපයකින් සලකා බලයි.

CSS සමඟ HTML හි අවකාශයන්

ඔබේ HTML හි අවකාශය එක් කිරීමට කැමති ක්රමයක් කැස්කැඩින් ස්ටයිල් ෂීට් (CSS) සමඟයි. වෙබ් පිටුවක කිසියම් දෘශ්ය පැතිකඩක් එක් කිරීමට CSS භාවිතා කළ යුතු අතර, පරතරය පිටුවක දෘශ්ය සැලසුම් ලක්ෂණවල කොටසක් ලෙස, CSS ඔබට මෙය සිදු කිරීමට අවශ්ය වේ.

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

ඔබගේ ඡේද සියල්ල ඉදිරිපිට ඉඩක් එක් කිරීමට CSS භාවිතා කරන ආකාරය පිළිබඳ උදාහරණයක් මෙහි දැක්වේ. පහත දැක්වෙන CSS ඔබේ බාහිර හෝ අභ්යන්තර ශෛලිය පත්රයට එකතු කරන්න:

p {
පෙළ-indent: 3em;
}}

HTML හි අවකාශය: ඔබේ පෙළ ඇතුළත

ඔබට ඔබගේ අතිරේක අවකාශයක් හෝ දෙකක් එකතු කිරීමට අවශ්ය නම්, ඔබට නොබිඳුණු අවකාශය භාවිතා කළ හැකිය.

මෙම චරිතය සාමාන්ය සම්මත චරිතයක් ලෙස ක්රියා කරයි, එය පමණක් බ්රවුසරයේ බිඳවැටීමක් නොවේ.

පෙළක් පෙළ ඇතුළත අවකාශ පහක් එකතු කිරීමට මෙය උදාහරණයකි:

මෙම පෙළ ඇතුළත අතිරේක අවකාශයන් පහක් ඇත

HTML භාවිතා කරයි:

මෙම පාඨය & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ඒක ඇතුලේ අමතර අවකාශ 5 ක්

අතිරේක රේඛා බිඳීම් එකතු කිරීම සඳහා ඔබට ටැග් එක භාවිතා කළ හැකිය.

මෙම වාක්යය අවසානයේ දී පේලි 05 ක් ඇත

HTML හි ස්ථානගත කිරීම යනු නරක අදහසක් වන්නේ ඇයි?

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

ඔබ සියළුම විලාසිතාවන් සහ විචල්යයන් නිර්දේශ කිරීම සඳහා බාහිර ශිලා පත්රය භාවිතා කරන්නේ නම්, එම එක් ශෛලියක් යාවත්කාලීන කිරීම සඳහා සරල වෙබ් අඩවි සඳහා එම මෝස්තර වෙනස් කිරීම පහසු වේ.

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

මීට අමතරව, මෙම පරතරය වැඩිවීම හෝ ප්රමාණවත් නොවන බව ඔබ තීරණය කරන්නේ නම්, ඔබ එය ටිකක් වෙනස් කිරීමට කැමති නම්, ඔබේ මුළු වෙබ් අඩවියේම සෑම තනි ඡේදයක්ම සංස්කරණය කිරීමට සිදුවේ. ස්තූතියි!

මෙම පරතරය ඔබේ කේතයට එකතු කිරීම වෙනුවට CSS භාවිතා කරන්න.

p {
padding-bottom: 20px;
}}

CSS එක් රේඛාවක් ඔබේ පිටුවෙහි ඡේද යටින් පරතරය එක් කරයි. අනාගතයේ දී එම පරතරය වෙනස් කිරීමට අවශ්ය නම්, එක් එක් පේළිය (ඔබේ මුළු වෙබ් අඩවියේ කේතය වෙනුවට) සංස්කරණය කරන්න.

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

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